
|
标签:杭州网站建设、杭州网站设计 浮动 学过div+css的朋友,应该都知道定位 浮动 盒子模型都很重要,然而很多CSS初学者往往很容易被浮动搞得晕头转向,经常碰到有朋友问“为什么我把ul里面的li都向左浮动了,然后我的ul就没有背景了?”下面杭州网站建设谈怎么用ul、li怎么清除浮动。
此时,如果我们呢给ul加上1px的border的话,就会发现我们的ul从原来的一块变成了一条线,这就是长说的浮动带来的问题。其实解决这个问题,只需要短短的几个属性而已。源码如下:
只需要给浮动元素的父元素加上overflow:hidden属性就可以很有效的将浮动清楚,阻止元素脱离父元素。但是同时引发了一个新的问题,就是当overflow:hidden会将超出父元素宽度范围的内容隐藏,也就是说我们就可能不能实现竖直的二级导航类的功能了。 此时,另一个万能方法就此诞生 <\/div>
<\/div>
<\/div>
在父元素的最后添加一个CSS为clear:both;float:none的元素,他可以在在父元素不能overflow:hidden的情况下为您完美解决浮动产生的所有困扰。 总结一下,设计人员做网页时使用浮动这个属性的情况下是很多的,只要我们彻底弄清楚overflow:hidden,clear:both以及float:none三个属性就行了,因为万变不了其中。。。。
|

杭州市西湖区西湖科技园
杭州市拱墅区丰潭路380号城西银泰B座12楼
联系电话:86 - 571 - 88023217
E-mail:484709945@qq.com
微信公众号
售后客服