定義
overflow 屬性設(shè)置當(dāng)元素的內(nèi)部標(biāo)簽溢出其區(qū)域時(shí)如何處理。
JavaScript 語(yǔ)法: object.style.overflow="scroll"
實(shí)例設(shè)置 overflow 屬性:div{width:150px;height:150px;overflow:scroll;}
可能的值值 描述
visible 默認(rèn)值。內(nèi)容不會(huì)被修剪,會(huì)呈現(xiàn)在元素框之外。
hidden 內(nèi)容會(huì)被修剪,并且其余內(nèi)容是不可見(jiàn)的。
scroll 內(nèi)容會(huì)被修剪,但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
auto 如果內(nèi)容被修剪,則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
注:修剪,即多余的內(nèi)容會(huì)被隱藏。
<div class="list" style="position:relative;overflow:hidden;"> <!--內(nèi)部標(biāo)簽溢出即隱藏-->
<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;"> <!--標(biāo)簽溢出-->
<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>