1、 overflow屬性有什么用,html?
1,html讓元素隱藏主要通過(guò)下面的方法來(lái)實(shí)現(xiàn);
2,方法一:display:none;
特點(diǎn): 真正的隱藏元素。
(1) 將元素的display屬性設(shè)置為none能夠確保元素不可見(jiàn);
(2) 使用這個(gè)屬性,被隱藏元素不占用任何空間;
(3) 使用display:none隱藏元素,不能直接跟用戶(hù)進(jìn)行交互操作
(4) 任何這個(gè)隱藏元素的后代元素也會(huì)被隱藏;
(5) 但是,可以通過(guò)JS中的DOM操作訪問(wèn)到這個(gè)被隱藏的元素,也可以通過(guò)DOM對(duì)它進(jìn)行操作。
方法二:overflow: hidden;
原理: 將元素位置設(shè)置到父元素的外面。
方法三:設(shè)置元素的寬高等盒子模型的屬性值為0。
方法四:利用定位隱藏元素。
優(yōu)點(diǎn):只要通過(guò)將元素的left和top設(shè)置足夠大的復(fù)數(shù) (這個(gè)元素可以跟用戶(hù)進(jìn)行交互);
缺點(diǎn):仍然可以使用讀屏軟件讀取元素的內(nèi)容。
方法五:.opacity:設(shè)置元素透明度為0。
特點(diǎn): 將元素的透明度設(shè)置為0,只是從視覺(jué)隱藏元素,元素本身的位置仍然存在,也可以跟用戶(hù)進(jìn)行交互。
方法六:visibility: 設(shè)置元素是否可見(jiàn)。
默認(rèn)為:visible(可見(jiàn));
隱藏(不可見(jiàn)):hidden。
2、 div如何加滾動(dòng)條?
div 加滾動(dòng)條的兩種方法: 一、
記住寬和高一定要設(shè)置噢,否則不成的 這樣比較好的是,在寬和高不超出時(shí),只是一條線(xiàn) 三、說(shuō)明 直接為div指定overflow屬性為auto即可,但是必須指定div的高度,如下:如果要出現(xiàn)水平滾動(dòng)條,則: overflow-x:auto 同理,垂直滾動(dòng)條為: overflow-y:auto 如果該div被包含在其他對(duì)象例如td中,則位置可設(shè)為相對(duì):position:relative3、 一個(gè)容器設(shè)置了寬高怎么去除溢出?
.father{ width:100%
;//這里寬度任意,父元素 } .son{ width:150%
;//子元素設(shè)置寬度只要大于100%就可以了 } 這里要注意父元素不能設(shè)置overflow:hidden;屬性,否則超出部分會(huì)隱藏的。
4、 怎么用css控制滾動(dòng)條?
1、首先讓我們創(chuàng)建一個(gè)HTML文件。
2、通過(guò)記事本來(lái)編輯,書(shū)寫(xiě)上一個(gè)HTML的整體結(jié)構(gòu)。3、書(shū)寫(xiě)一個(gè)div模塊。4、接著開(kāi)始寫(xiě)css代碼。5、定義上div的長(zhǎng)寬。6、利用overflow屬性,來(lái)設(shè)置是否展示滾動(dòng)欄。7、打開(kāi)HTML網(wǎng)頁(yè),就已經(jīng)可以看到右邊滾動(dòng)欄了。