為了測(cè)試CSS尺寸相關(guān)的屬性,我們需要一個(gè)包含了一個(gè)段落的div,點(diǎn)擊下面的按鈕將div圈出來。
設(shè)置CSS的height屬性,可以控制元素的高度。下面我們就試著設(shè)置測(cè)試div的高度。
height: px
設(shè)置CSS的width屬性,可以控制元素的寬度。下面我們就試著設(shè)置測(cè)試div的寬度。
width: px
為了測(cè)試溢出屬性,我們先來設(shè)置div的寬度150像素,高度為100像素。
width:150px;
height:100px;
可以看到,有一部分文字“溢出”到了div的外部。但是它們?nèi)匀皇秋@示出來的,可以通過設(shè)置CSS的overflow屬性來控制這些溢出內(nèi)容的顯示。
overflow:hidden;
設(shè)置為hidden之后,溢出的內(nèi)容就會(huì)隱藏起來。
overflow:scroll;
設(shè)置為scroll后,div周圍會(huì)出現(xiàn)滾動(dòng)條,可以通過滾動(dòng)來顯示溢出的內(nèi)容。
overflow:visible;
設(shè)置為visible則表示仍然顯示溢出內(nèi)容。
overflow:auto;
設(shè)置為auto屬性值表示根據(jù)是否有溢出內(nèi)容來決定是否顯示滾動(dòng)條。
聯(lián)系客服