WEB标准布局Div+CSS高度自适应方法_html/css_WEB-ITnose

它主要是采用“隐藏容器溢出”和“正内补丁”和“负外补丁”结合方式，示例代码如下：

< html XMLns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title > Div + CSS Example, Wayhome's Blog
< style type ="text/css" >
#wrap { overflow : hidden ; }
#sidebar_left,#sidebar_right { padding-bottom : 100000px ; margin-bottom : -100000px ; }
-->

< body >
< div id ="wrap" style ="width:300px; background:#FFFF00;" >
< div id ="sidebar_left" style ="float:left;width:100px; background:#FF0000;" > Left
< div id ="sidebar_mid" style ="float:left;width:100px; background:#666;" >
Middle < br />
Middle < br />
Middle < br />
Middle < br />
Middle < br />
Middle < br />
Middle < br />
Middle < br />
Middle < br />

< div id ="sidebar_right" style ="float:right;width:100px; background:#0000FF;" > Right