首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

overflow:hidden跟clear:both

2012-09-14 
overflow:hidden和clear:bothoverflow 属性规定当内容溢出元素框时发生的事情。所有主流浏览器都支持。? di

overflow:hidden和clear:both

overflow 属性规定当内容溢出元素框时发生的事情。所有主流浏览器都支持。

overflow:hidden跟clear:both

?

 <div name="code"> <style type="text/css">div.a{border:1px solid blue;width:500px;height:30px;overflow:hidden;}div.a-left{width:200px;float:left;height:30px;margin-top:6px;}div.a-right{width:400px;float:right;height:30px;margin-top:6px;} </style>

?父div设置了overflow:hidden,此时子div的宽度超出父div,则浮动在右的子div被隐藏掉,而不是将父div水平撑开。超出的部分就会被隐藏----隐藏溢出的含义。效果:


overflow:hidden跟clear:both

如果不对父元素进行设置即默认情况则会出现如下效果:

overflow:hidden跟clear:both

?

?

clear 属性规定元素的哪一侧不允许其他浮动元素。

overflow:hidden跟clear:both

?

?

?

?

?

?

http://www.chinaz.com/design/2008/0818/35473.shtml

http://www.w3cschool.cn/pr_pos_overflow.html

热点排行