本文介绍了浮动元素的float属性，详细讲解了left和right值如何影响布局，并探讨了清除浮动的方法，包括clear和父元素的overflow属性。接着，讨论了定位属性position的static, relative, absolute和fixed四种模式，以及边偏移属性top, bottom, left, right的使用。此外，还提到了z-index在定位元素层叠中的作用。"
77838472,5667721,手写数字识别：神经网络与梯度下降解析,"['机器学习', '神经网络', '图像识别', '深度学习', '优化算法']
1、元素的浮动属性float：指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中相应的位置的过程。
属性值：left right none
（如设置左浮动的box1漂浮到box2的左侧，也就是说box1不再受文档流控制，出现在一个新的层次上。）
2、由于浮动元素不再占用原文档流中的位置，所以会对页面中其他元素的排版产生影响。如果要避免这种影响，就需要对元素清除浮动。
clear ：避免左右浮动对元素的影响。
overflow ：对子元素设置浮动时，如果不对其父元素定义高度，则子元素的浮动会对父元素产生影响。没有设置高度的父元素变成了一条直线，父元素不能自适应子元素的高度。应以父元素为设置对象，应用“overflow:hidden;”样式。
after ： 伪对象。必须为需要浮动的元素伪对象设置“height:0;”样式，否则该元素会比其实际高度高出若干像素。在伪对象中设置content属性，属性可以为空，“content:0;” 如（.father:after{ display:block; clear:both; content:""; height:0; visibility:hidden; }&
最低0.47元/天 解锁文章
扫一扫
233
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
