网页设计—浮动的清除.pptVIP

* 电子商务网页设计与制作 Design?and?Creation?of?E-commerce?Web Pages 浮动的清除 T H I S I S 导入：基础任务分析 浮动的清除 其他浮动清除的方法 Content 导 入-基础任务分析 本次任务是承接前面的农产品电商形象展示网站的首页效果图的样式布局。在底部信息结构设置完成后会发现由于前面块元素的浮动产生了脱标，而版权信息为标准流，则会上提产生影响。要解决浮动元素的布局影响，一般考虑采用清除浮动。 浮动的清除 实操 清除浮动的方法有很多，这里采用一种相对简单的增加空div的方式。 div class=clear/div !-- 这个新增的盒子要求必须是块级元素不能是行内元素 -- /div 切换到样式定义表中，定义“clear”类的样式，如下： .clear{ clear: both; } 浮动的清除 那么为什么需要清除，和清除浮动元素相关的就是浮动元素有一个标准流的父元素，该父元素的高度是否要给？ 其他浮动清除的方法 清除的方法常见的就是隔离法，也就是额外标签法。在浮动元素末尾添加一个空的块级元素标签。然后对该空的块级元素设置浮动清除clear属性，该属性可让浮动标签恢复为占用网页面积的状态，可停止浮动标签对后续的影响。 还有就是父元素