手机
当前位置:查字典教程网 >网页设计 >心得技巧 >CSS--overflow:hidden在项目实例中使用心得分享
CSS--overflow:hidden在项目实例中使用心得分享
摘要:列出我在项目中,运用到此属性的例子:(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>

【CSS--overflow:hidden在项目实例中使用心得分享】相关文章:

Web前端开发者必知的9个实用CSS属性

去掉点击链接时出现的虚线框的几个方法

CSS样式表高效使用技巧充分利用样式表的强大性

五件优秀的用户体验设计师所应该做好的事(图文)

js、css、html判断浏览器的各种版本

设计中不可忽略的产品状态之交互设计的分析

IE6中奇数宽高的BUG

网页设计要有目的有思路和想法与坚持

浅谈HTML5与HTML4的10个关键区别

网页制作与包子的关系(心得分享)

精品推荐
分类导航