CSS 浮动布局.ppt

浮动实验 10 div id=“box1”/div div id=“box2”/div div id=“box3”/div 实验 10 小结： 普通块元素对浮动元素设置上边界无效。 可以给浮动元素设置下边界实现间隔。 两列浮动布局 四 两列布局网页的逻辑结构 #container #header #content #footer #sidebar body div id=“container” div id=“header”…/div div id=“sidebar”…/div div id=“content”…/div div id=“footer”…/div /div /body 方法1 #container #header #content #footer #sidebar #sidebar { width: 240px; float: left; } #content { margin-left: 240px; } #footer { clear:both; } float: left clear: both margin-left: 240px 方法2 #container #header #content #footer #sidebar #sidebar