浮动的注意事项
浮动注意事项:
1.谁浮动,谁会在页面上漂浮起来,不占页面面积,叫做脱离文档流
2.当元素浮动,会挡住下面的兄弟元素,要给不浮动的元素设置清楚浮动
3.当所有孩子都为浮动,父类会没有面积,解决办法
(1)父类添加高度,但是需要计算
(2)添加一个新的孩子,设置清楚浮动,如果此标签不显示则是垃圾代码
(3)给父类设置overflow:hidden撑开高度
清楚浮动的方法
1.div{overflow:hidden}
2.div:after{contect:“”;display:block:clear:both}