CSS--overflow:hidden在项目实例中使用心得分享_心得技巧教程-查字典教程网
CSS--overflow:hidden在项目实例中使用心得分享
CSS--overflow:hidden在项目实例中使用心得分享
发布时间:2016-12-27 来源:查字典编辑
摘要:列出我在项目中,运用到此属性的例子:(1)暴力清除浮动.wrap{overflow:hidden;zoom:1;background-col...

列出我在项目中,运用到此属性的例子:

(1)暴力清除浮动

<style type="text/css">

.wrap {overflow: hidden;zoom:1;background-color: #ccc;}

.wrap p {float: left;}

</style>

<div>

<p>test of css</p>

</div>

(2)阻止边距外折叠

<style type="text/css">

body,p {padding: 0;margin: 0;}

.wrap {overflow: hidden;zoom:1;background-color: #ccc;}

.wrap p {margin-top: 20px;}

</style>

<div>

<p>test of css</p>

</div>

(3)在IE-6,解决定义1px高的块元素

<style type="text/css">

.line {height: 1px;background-color: #ccc;overflow: hidden;}

</style>

<div></div>

(4)创建两栏布局

<style type="text/css">

div {height: 500px;}

.left {float: left;background-color: #000;width: 200px;margin-right: 5px;}

.right {overflow: hidden;zoom:1;background-color: #ccc;}

</style>

<div></div>

<div></div>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新心得技巧学习
    热门心得技巧学习
    网页设计子分类