欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS--overflow:hidden在項(xiàng)目實(shí)例中使用心得分享

  發(fā)布時間:2013-07-04 11:51:02   作者:佚名   我要評論
大家對CSS屬性中overflow:hidden并不陌生,至于它的應(yīng)用,在下文中列出我在項(xiàng)目中,運(yùn)用到此屬性的例子,感興趣的朋友可以參考下哈,希望對大家有所幫助
列出我在項(xiàng)目中,運(yùn)用到此屬性的例子:
(1)暴力清除浮動

復(fù)制代碼
代碼如下:

<style type="text/css">
.wrap {overflow: hidden;zoom:1;background-color: #ccc;}
.wrap p {float: left;}
</style>


復(fù)制代碼
代碼如下:

<div class="wrap">
<p>test of css</p>
</div>

(2)阻止邊距外折疊

復(fù)制代碼
代碼如下:

<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高的塊元素

復(fù)制代碼
代碼如下:

<style type="text/css">
.line {height: 1px;background-color: #ccc;overflow: hidden;}
</style>
<div class="line"></div>

(4)創(chuàng)建兩欄布局

復(fù)制代碼
代碼如下:

<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>

相關(guān)文章

  • 深入理解CSS overflow:hidden——溢出,坍塌,清除浮動

    這篇文章主要介紹了深入理解CSS overflow:hidden——溢出,坍塌,清除浮動的相關(guān)資料,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-08-03
  • css中position:relative和overflow:hidden之間的問題

    在父標(biāo)簽中使用了overflow:hidden;時,如果子標(biāo)簽中有元素的position設(shè)置成relative的時候,在IE6和IE7中父元素的overflow對其將不起作用,其實(shí)將父標(biāo)簽的position也設(shè)置成
    2013-09-04
  • IE8 css overflow:hidden不起作用

    當(dāng)塊元素想呈現(xiàn)該元素內(nèi)部內(nèi)容不換行或者超過該元素的部分隱藏起來
    2010-03-05
  • CSS教程:CSS讓網(wǎng)頁文字自動隱藏

    網(wǎng)頁制作Webjx文章簡介:文字隱藏應(yīng)用廣泛,但常用的方法沒有什么親和力。 文字隱藏應(yīng)用廣泛,但常用的方法沒有什么親和力。 常用文字隱藏方法的缺陷:
    2009-04-02
  • css中overflow:hidden失效問題的解決方法

    這篇文章主要介紹了css中overflow:hidden失效問題的解決方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來
    2020-02-10

最新評論