In the latest HTML standard has a calc CSS expressions, we can use this to calculate the layout.
but in the old IE does not support, in order to support all browsers, use js to do here.
screenshots:
 
code:

  code is as follows:  


<! PUBLIC DOCTYPE HTML "-//IETF//DTD LEVEL1//EN" >
<Html>
<Head>
<Title> MyHtml. Html
<Meta HTTP - equiv="keywords" content="keyword1, keyword2, keyword3 >"
<Meta HTTP - equiv="description" content="this is my page" >
<Meta HTTP - equiv="content-type" content="text/HTML; charset=utf-8" >
<Script>
var left, center, right, width;
window. The onload=function () {
left=$(' left ');
center=$(' center ');
right=$(' right ');
onresize ();
};
window. Onresize=function () {
the try {
width=document. The body. The clientWidth;
center. The style. The width=(width - left. ClientWidth - right. ClientWidth - 0) + "px";
} the catch (e) {
//<0 complains
}
};
the function $(id) {
the return document. The getElementById (id);
}
</script>
<STYLE>
body and HTML {
height: 100%;
margin: 0 px;
the padding: 0 px;
overflow: hidden;

} # leftcol, # #, center, right {
width: 200 px;
height: 100 px;
background - color: RGB (34124134);
float: left;
height: 100%;

} # center {
background - color: red;
}
</style>
</head>
<Body>
<Div id="left" ></div>
<Div id="center" ></div>
<Div id="right" ></div>
</body>
</html>

# 0 - #


This concludes the body part