天天躁夜夜躁狠狠躁2021西西,日韩福利片,菠萝蜜视频在线观看免费视频,中出在线视频,捆绑束缚美女视频,美女视频美女视频网站,美女视频网页观看网站

天蠶在你身邊

不方便打電話?讓天蠶聯(lián)絡(luò)你

我們存在,我們思索,我們不斷進取首頁 >> 資訊 >> 網(wǎng)站建設(shè)行業(yè)新聞
重慶網(wǎng)絡(luò)公司:解說W3C標準——overflow的屬性

解說W3C標準——overflow的屬性

我們知道,overflow屬性值有這幾種:

  • visible:聲明內(nèi)容不會被剪裁。比如內(nèi)容可能被渲染到容器外面。
  • hidden:聲明內(nèi)容將被剪裁,并且也甭想使用滾動條來查看剪裁掉的內(nèi)容。
  • scroll:聲明內(nèi)容將被剪裁,但有可能出現(xiàn)滾動條來查看被剪裁掉的內(nèi)容。滾動條出現(xiàn)的位置在inner border adge和outer padding adge之間。
  • auto:聲明決策將依賴于客戶端,優(yōu)先使用scroll。


W3C標準中指明:
通常一個盒子的內(nèi)容是被限制在盒子邊界之內(nèi)的。但有時也會產(chǎn)生溢出,即部分或全部內(nèi)容跑到盒子邊界之外。溢出將在滿足下列條件之一時出現(xiàn):
     1. 一個不換行的行元素寬度超出了容器盒子寬度。
     2. 一個子孫元素,由負邊距值引起的部分內(nèi)容在盒子外部。
     3、 text-indent屬性引起的行內(nèi)元素在盒子的左右邊界外。
    4. 一個元素的高度超出了容器盒子的高度。
    5. 一個寬度固定的塊元素放在了比它窄的容器盒子內(nèi)。
    6. 一個絕對定位的子孫元素,部分內(nèi)容在盒子外。但超出的部分不是總會被剪裁。子孫元素的內(nèi)容就不會被子孫元素和其包含塊之間的祖先元素的overflow的設(shè)置所剪裁。

       當溢出發(fā)生時,overflow屬性約定了容器盒子是否剪裁掉超出其內(nèi)邊界的部分,并且決定是否出現(xiàn)滾動條來訪問被剪裁掉的內(nèi)容。它會影響到元素所有內(nèi)容的剪裁,但有個例外情況,即上面第6條所提到的:元素的子孫元素的包含塊(Containing blocks)是整個視窗(viewport)或是該元素的祖先元素,內(nèi)容將不會被剪裁。包含塊是什么呢?簡單的說,就是可以決定一個元素位置和大小的塊。通常一個元素的包含塊由離它最近的塊級祖先元素的內(nèi)容邊界決定。但當元素被設(shè)置成絕對定位時,包含塊由最近的position不是static的祖先元素決定。


重慶網(wǎng)絡(luò)公司


地址:重慶市渝中區(qū)上清寺鑫隆達B座28-8

郵編:400015

電話:023-63612462

EMAIL:cnjl_net@163.com

渝ICP備09007657號-6

渝公網(wǎng)安備 50010302000872號