定義
overflow 屬性設(shè)置
當(dāng)元素的
內(nèi)部標簽溢出其區(qū)域時如何處理。
JavaScript 語法: object.style.overflow="scroll"
實例設(shè)置 overflow 屬性:div{width:150px;height:150px;overflow:scroll;}
可能的值值 描述
visible 默認值。內(nèi)容不會被修剪,會呈現(xiàn)在元素框之外。
hidden 內(nèi)容會被修剪,并且其余內(nèi)容是不可見的。
scroll 內(nèi)容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
auto 如果內(nèi)容被修剪,則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
注:修剪,即多余的內(nèi)容會被隱藏。
<div class="list" style="position:relative;overflow:hidden;"> <!--內(nèi)部標簽溢出即隱藏-->
<p style="position:absolute; top: 60px; left: 4px;">
<img src="../img/xxx.png" />
</p>
<div style="width:1600px;overflow:hidden;margin:17px 0 0 26px;"> <!--標簽溢出-->
<ul>
<li style="width:148px;float:left; ">
<dl style="width:128px;border:1px solid #000;">
<dd style="margin:10px auto;width:109px;">
<img src="../img/xxx.jpg" /> </dd>
<dd style="margin:0 auto;width:109px;">xxxxxx</dd>
<dt style="margin:0 auto;width:109px;">aaaa</dt>
</dl>
</li>
.............................
</ul>
</div>
<p style="position:absolute; left: 600px; top: 60px;">
<img src="../img/xxx.png" />
</p>
</div>
posted on 2009-10-13 12:02
紫蝶∏飛揚↗ 閱讀(752)
評論(1) 編輯 收藏 所屬分類:
CSS