float的一点想法_html/css_WEB-ITnose
程序员文章站
2024-04-06 13:30:25
...
刚写代码的时候,突然有个问题,float加在父级元素上和加在子级元素上有什么区别,还有浮动清除的一些问题
清楚浮动两种方式
1. 父级加overflow:hidden ;
2. 最后一个子级加clear:both
这里的浮动是加在子级元素上的,并且通过overflow: hidden清楚浮动;如果不加浮动清除,那么main1这个父级div是没有高度的,这会导致main2这个div浮上来,如下效果
还有不存在什么父级元素加了浮动,子级元素也浮动,float:left这个属性加给谁,谁就参与浮动。
总结:
套路框架:第一层:页面整体框架overflow:hidden清除浮动;第二层:就是第一层里面的一些元素,比如header里面的logo,search这些,定义高度就行。
推荐阅读
-
float的一点想法_html/css_WEB-ITnose
-
css一个奇怪的小问题_html/css_WEB-ITnose
-
DIV和CSS排版中制作细线条的几种方法(转)_html/css_WEB-ITnose
-
开发一个基于纯网页的棋牌游戏,需要掌握那些技术?_html/css_WEB-ITnose
-
用DIV+CSS的网页布局对SEO的好处_html/css_WEB-ITnose
-
关于div和iframe显示的问题_html/css_WEB-ITnose
-
纹理素材怎么用?来看这20个用纹理做背景的优秀网站(上)_html/css_WEB-ITnose
-
周末苦逼码代码,为css3的强大所颤抖了_html/css_WEB-ITnose
-
CSS魔法堂:说说Float那个被埋没的志向_html/css_WEB-ITnose
-
HTML/CSS实现的一个列表页_html/css_WEB-ITnose