摘要:想要出現(xiàn)滾動(dòng)條有兩個(gè)條件固定的容器大小固定寬度固定高度固定寬高度和設(shè)置屬性。內(nèi)容會(huì)被修剪,但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。規(guī)定應(yīng)該從父元素繼承屬性的值。因此,有可能即使元素框中可以放下所有內(nèi)容也會(huì)出現(xiàn)滾動(dòng)條。
[TOC]
想要出現(xiàn)滾動(dòng)條有兩個(gè)條件:固定的容器大小(固定寬度、固定高度、固定寬高度)和設(shè)置overflow屬性。
這個(gè)屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會(huì)如何處理。
屬性值visibale:默認(rèn)值。內(nèi)容不會(huì)被修剪,會(huì)呈現(xiàn)在元素框之外。
hidden:內(nèi)容會(huì)被修剪,并且其余內(nèi)容是不可見的。
scroll:內(nèi)容會(huì)被修剪,但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
auto:如果內(nèi)容被修剪,則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
inherit:規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。
如果值為 scroll,不論是否需要,用戶代理都會(huì)提供一種滾動(dòng)機(jī)制。因此,有可能即使元素框中可以放下所有內(nèi)容也會(huì)出現(xiàn)滾動(dòng)條。(這個(gè)情況在安卓手機(jī)上面可以見到但并不常見,IOS目前沒有發(fā)現(xiàn)這個(gè)問題)。
占用文章,未完待續(xù)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/89597.html
摘要:一般地,一個(gè)塊盒的內(nèi)容都被限制在該盒的邊內(nèi)。這種盒并不一定會(huì)根據(jù)其祖先的屬性裁剪。默認(rèn)情況下,元素不會(huì)被裁剪。在閉合路徑內(nèi)的內(nèi)容會(huì)顯示,而路徑外邊的都會(huì)被剪掉著作權(quán)歸作者所有。 Overflow and clipping 一般地,一個(gè)塊盒的內(nèi)容都被限制在該盒的content邊內(nèi)。某些情況下,一個(gè)盒可能會(huì)溢出,意味著它的部分內(nèi)容或者全部?jī)?nèi)容位于該盒外部,例如: 一行無法拆分,導(dǎo)致行盒比...
摘要:張?chǎng)涡竦纳钊肜斫庵畬W(xué)習(xí)筆記基本屬性屬性介紹默認(rèn)當(dāng)與值相同時(shí),等同于當(dāng)與值不相同時(shí),其中一個(gè)值被賦予時(shí),若另一個(gè)值為,那這個(gè)會(huì)被重置為作用前提元素非對(duì)應(yīng)方位的尺寸限制拉伸對(duì)于單元格等需要為狀態(tài)才可以與滾動(dòng)條頁面默認(rèn)滾動(dòng)條來自與無 《張?chǎng)涡竦腃SS深入理解之overflow》學(xué)習(xí)筆記 overflow基本屬性 overflow屬性介紹 overflow: visible(默認(rèn))|hidd...
摘要:屬性的便捷語法的屬性定義當(dāng)一個(gè)元素的內(nèi)容太大而無法適應(yīng)塊級(jí)格式化上下文時(shí)候該做什么。這里介紹一下該屬性的便捷語法,賦予兩個(gè)值,分別控制和。便捷語法需要注意的問題的便捷語法是個(gè)比較新的屬性。 overflow屬性的便捷語法 CSS的overflow屬性定義當(dāng)一個(gè)元素的內(nèi)容太大而無法適應(yīng) 塊級(jí)格式化上下文 時(shí)候該做什么。是overflow-x和overflow-y的簡(jiǎn)寫屬性。 一般,我們會(huì)...
摘要:屬性的便捷語法的屬性定義當(dāng)一個(gè)元素的內(nèi)容太大而無法適應(yīng)塊級(jí)格式化上下文時(shí)候該做什么。這里介紹一下該屬性的便捷語法,賦予兩個(gè)值,分別控制和。便捷語法需要注意的問題的便捷語法是個(gè)比較新的屬性。 overflow屬性的便捷語法 CSS的overflow屬性定義當(dāng)一個(gè)元素的內(nèi)容太大而無法適應(yīng) 塊級(jí)格式化上下文 時(shí)候該做什么。是overflow-x和overflow-y的簡(jiǎn)寫屬性。 一般,我們會(huì)...
摘要:屬性的便捷語法的屬性定義當(dāng)一個(gè)元素的內(nèi)容太大而無法適應(yīng)塊級(jí)格式化上下文時(shí)候該做什么。這里介紹一下該屬性的便捷語法,賦予兩個(gè)值,分別控制和。便捷語法需要注意的問題的便捷語法是個(gè)比較新的屬性。 overflow屬性的便捷語法 CSS的overflow屬性定義當(dāng)一個(gè)元素的內(nèi)容太大而無法適應(yīng) 塊級(jí)格式化上下文 時(shí)候該做什么。是overflow-x和overflow-y的簡(jiǎn)寫屬性。 一般,我們會(huì)...
閱讀 3177·2021-10-15 09:41
閱讀 3222·2021-09-22 16:05
閱讀 2483·2021-09-22 15:19
閱讀 2942·2021-09-02 15:11
閱讀 2495·2019-08-30 15:52
閱讀 897·2019-08-30 11:06
閱讀 1045·2019-08-29 16:44
閱讀 1341·2019-08-23 18:18