列出我在项目中,运用到此属性的例子:
(1)暴力清除浮动
复制代码代码如下:
<style type="text/css">
.wrap {overflow: hidden;zoom:1;background-color: #ccc;}
.wrap p {float: left;}
</style>
复制代码代码如下:
<div class="wrap">
<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 class="wrap">
<p>test of css</p>
</div>
(3)在IE-6,解决定义1px高的块元素
复制代码代码如下:
<style type="text/css">
.line {height: 1px;background-color: #ccc;overflow: hidden;}
</style>
<div class="line"></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 class="left"></div>
<div class="right"></div>
(1)暴力清除浮动
复制代码代码如下:
<style type="text/css">
.wrap {overflow: hidden;zoom:1;background-color: #ccc;}
.wrap p {float: left;}
</style>
复制代码代码如下:
<div class="wrap">
<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 class="wrap">
<p>test of css</p>
</div>
(3)在IE-6,解决定义1px高的块元素
复制代码代码如下:
<style type="text/css">
.line {height: 1px;background-color: #ccc;overflow: hidden;}
</style>
<div class="line"></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 class="left"></div>
<div class="right"></div>
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
更新日志
2024年05月01日
2024年05月01日
- 群星《当打之年HQ》头版限量编号[低速原抓WAV+CUE]
- 韩雪.2004-飘雪【新索】【WAV+CUE】
- 万妮达.2021-云泥之别【摩登天空】【FLAC分轨】
- 李嘉格.2018-奇妙地【梦想当然】【FLAC分轨】
- [PTC5186225]花痴系列-《斯特拉文斯基春之祭》迈克尔·蒂尔森·托马斯
- [ABC唱片]-《西电之声—大电影》[德国版HD]【WAV+CUE】
- 新民樂演奏《蘭閨寂寂上海管弦楽團伴奏》[WAV+CUE]
- 《半吨兄弟单曲合集100首》[WAV分轨][3.1G]
- 群星《经典粤语老歌》原音母版1:1直刻 [WAV+CUE][671M]
- 《张宇4CD合集》[WAV分轨][1.5G]
- 柳岩.2009-岩色EP【光线】【WAV+CUE】
- 戚薇.2012-如果爱忘了(EP)【海蝶】【WAV+CUE】
- 群星.2005-华纳至尊金曲1+2XRCD【华纳】【WAV+CUE】
- 徐霞《那就是我》[太平洋影音][WAV+CUE]
- 姚斯婷《爱那么重》蓝光头版限量编号[低速原抓WAV分轨]