您好,欢迎来到瑞宝养生网。
搜索
您的当前位置:首页float的一点想法_html/css

float的一点想法_html/css

来源:瑞宝养生网


刚写代码的时候,突然有个问题,float加在父级元素上和加在子级元素上有什么区别,还有浮动清除的一些问题

    

清楚浮动两种方式

1. 父级加overflow:hidden ;

2. 最后一个子级加clear:both

这里的浮动是加在子级元素上的,并且通过overflow: hidden清楚浮动;如果不加浮动清除,那么main1这个父级div是没有高度的,这会导致main2这个div浮上来,如下效果

还有不存在什么父级元素加了浮动,子级元素也浮动,float:left这个属性加给谁,谁就参与浮动。

总结:

套路框架:第一层:页面整体框架overflow:hidden清除浮动;第二层:就是第一层里面的一些元素,比如header里面的logo,search这些,定义高度就行。

 

Copyright © 2019- rbyp.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务