課程
/前端開(kāi)發(fā)
/JavaScript
/Tab選項(xiàng)卡切換效果
.notice為什么要設(shè)置overflow:hidden屬性???不怎么明白o(hù)verflow:hidden有什么作用
2015-11-09
源自:Tab選項(xiàng)卡切換效果 1-2
正在回答
外層盒子(一般為div)有固定高寬的時(shí)候如果內(nèi)部?jī)?nèi)容高寬超出后如果不設(shè)置overflow 那么內(nèi)部元素將溢出,這是我們所不希望的,overflow 有幾種選擇 我們可以讓內(nèi)部元素超出的部分隱藏 就是這里的hidden ?我們也可以讓內(nèi)部的元素超出的部分滾動(dòng)及 ?scroll。<div style="width:100px;height:100px"><img src='...' /></div>,當(dāng)圖片的高度為200px,寬度為200px的時(shí)候,那么我們希望的 只有100*100的空間是裝不下它的,當(dāng)然圖片的顯示不能是等比壓縮的情況下,至于你要影藏溢出的部分還是滾動(dòng)顯示那就看你的需求了。
H丶star 提問(wèn)者
舉報(bào)
本課程詳細(xì)介紹網(wǎng)頁(yè)頁(yè)面中最流行常用的tab切換效果
1 回答設(shè)置 clearTimeout(time)為什么還要timer=null
4 回答為什么ul里的width設(shè)置為301px
1 回答為什么這兩行不能放外面?var titles = $('notice-title').getElementsByTagName('li'); var divs = $('notice-con').getElementsByTagName('div');
1 回答為什么只有在.notice添加overflow:hidden內(nèi)容才會(huì)被隱藏
3 回答為什么設(shè)置的背景色沒(méi)有效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-11-10
外層盒子(一般為div)有固定高寬的時(shí)候如果內(nèi)部?jī)?nèi)容高寬超出后如果不設(shè)置overflow 那么內(nèi)部元素將溢出,這是我們所不希望的,overflow 有幾種選擇 我們可以讓內(nèi)部元素超出的部分隱藏 就是這里的hidden ?我們也可以讓內(nèi)部的元素超出的部分滾動(dòng)及 ?scroll。<div style="width:100px;height:100px"><img src='...' /></div>,當(dāng)圖片的高度為200px,寬度為200px的時(shí)候,那么我們希望的 只有100*100的空間是裝不下它的,當(dāng)然圖片的顯示不能是等比壓縮的情況下,至于你要影藏溢出的部分還是滾動(dòng)顯示那就看你的需求了。