97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

overflow屬性可以設置的值有5種：

（1）visible  默認值，內容不會裁剪，呈現在元素框之外；

（2）hidden 內容會被裁剪，并且子元素內容是不可見的；

（3）scroll 內容會被裁剪，但溢出的內容可以拖動瀏覽器自帶的滾動條，查看內容；

（4）auto 如果內容被裁剪，那么溢出的內容也是拖動移動瀏覽器自帶的滾動條，查看內容；

（5）inherit 繼承父元素的overflow屬性的值。

 

在實際運用中，除了hidden的應用比較多而靈活，其他幾個還是很好理解和運用的。所以，這里著重歸納了hidden的用法。

（1）清除浮動

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

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

（2）阻止邊距外折疊 

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

body,p {padding: 0;margin: 0;}  
.wrap {overflow: hidden;zoom:1;background-color: #ccc;}  
.wrap p {margin-top: 20px;} 

（3）在IE-6，解決定義1px高的塊元素 

<div class="line"></div> 

.line {height: 1px;overflow: hidden;} 

（4）創建兩欄布局 

<div class="left"></div>  
<div class="right"></div> 

div {height: 500px;}  
.left {float: left;background-color: #000;width: 200px;margin-right: 5px;}  
.right {overflow: hidden;zoom:1;background-color: #ccc;} 

 

以上這4種還是比較常用的。但是在做項目的時候，發現了一個問題：父元素是必須overflow:hidden的，大多數情況下，
其子元素是內容超出會被截掉。

顯然，這是一個bug。其解決方案：

     將需要overflow:hidden和父元素的高度保持一致，不可以出現padding/margin邊距值。

 

 此外，有2種情況設置overflow:hidden時，內容是不會被裁剪：

　　1.有overflow:hidden樣式的塊元素不具有position:relative和position:absolute樣式;

　　2.內部溢出的元素是通過position:absolute絕對定位