1、請問空div 如何設置高度為0?
0就是無意義可以這樣寫<DIV style="height="0px;"" > </DIV>也可以<DIV style=" display:none"> </DIV>
2、javascript中設置了元素寬高為0,為什麼文字內容還會顯示
<body>首先,您應該理解什麼是隱藏:
我們有幾種方式可以隱藏一個元素:
1. CSS display的值是none。
2. type="hidden"的表單元素。
3. 寬度和高度都顯式設置為0。
4. 一個祖先元素是隱藏的,該元素是不會在頁面上顯示
5. CSS visibility的值是hidden
6. CSS opacity的指是0
那麼,為什麼寬高為0了還會顯示呢?其實是這樣的原理:寬、高為0的元素,其實是隱藏元素。但是,因為裡面的內容超過了寬高為0的這個區域,所以依然顯示出來了。一旦使用「overflow:hidden;(溢出隱藏)」就會發現這個元素不見了。
3、關於html,我在css里通過background引入一張圖片,但是無論怎麼設置,寬高都為0,要怎麼解決?
a標簽和span標簽默認都是行內元素,如果裡面的內容為空(指實際內容如文字和圖片為空,即使裡麵包含了空的行內元素也是不算作實際內容的,此外背景圖片也不是實際內容),則它的寬高始終是保持為0的,不管怎麼設置都是不行的(你可以試著在span內加入一些文字,它立刻就會有寬高了,但實際上這是文字的寬高,不是span本身的寬高)。
解決辦法就是使用塊級元素,方法有:
1、直接換用塊級元素,比如 div 就是
2、在css中用 display:block 可以把行內元素改成塊級元素
3、浮動元素(float:left或float:right)會自動變為塊級元素
4、絕對定位(position:absolute)的元素也會變成塊級元素
4、css定義div的寬高為什麼沒效果?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">檢查代碼是不是有錯誤,上面是簡單的div定義寬,高,背景顏色的例子
5、關於div高度自適應之後,div的高度審查元素為0px!
高度自適應是根據裡面的內容來撐開的,如果div裡面是空的,他的高度就是0.
6、DIV高度為100px,裡面沒有內容時DIV高度為0
是在ie下嗎?如果css中定義了div的height是100px,ie裡面應該是顯示100px的,firefox下如果div裡面沒東西倒是不會顯示100px的高度
7、css為什麼有時候創建div是塊的高度為0無法把div下面的內容包含進去就像下面這例子
這是因為第一個div中的p是絕對定位(position:absolute)的,所以它是脫離整個文檔流成為一個獨立的漂浮層,換句話說就是第一個div中相當於「什麼都沒有」,所以它的高度仍然是0。
而第二個div所包含的ul則是實際的內容,它的高度會自動撐開div,使div也具有高度。
8、把〈img〉放在〈div〉裡面,設置了img的寬度,獲取div寬度卻為0
因為你沒有給div定義寬度,如果你要獲取到div被img撐開的寬度的話就應該用div的offsetWidth屬性
9、不設高度的父元素為何被「寬高為0的inline-block」撐開?求大神指點
1、div本身是塊級元素,瀏覽器默認會給它加個換行符。除非你設置div{display:inline;}否則就會有一個br出現 撐開div
2、所有的inline,inline-block都會受到lineheight、fontsize以及vertical-align的共同影響,不是BUG,而是對齊的標准在你的。div2 >div設置下{vertical-align:top}或者 bottom 或者其他任意一種對齊方式都可以解決。
10、div裡面嵌套span標簽,將外面的div寬高設為0,以後span裡面的文字怎麼還會顯示,但是div裡面嵌套img就可以
<div style="overflow: hidden; width:0px; height:0px;"><span>這樣都能顯示么?</span></div>