問題:span標籤的width和height分別為多少?
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>bootstrap 例項 - 標籤頁與膠囊式標籤頁
title
>
head
>
<
body
>
<
div
style
="width:400px;height:200px;"
>
<
span
style
="float:left;width:auto;height:100%;"
>
<
i style
="position:absolute;float:left;width:100px;height:50px;"
>hello
i>
span
>
div>
body
>
html
>
這題考點其實有幾個:
1.span標籤是行內元素,無法設定寬高的;
2.float會把浮動元素變成塊級元素;支援寬高,height:100%;即為,200px,當height為%單位意為:基於包含它的塊級物件的百分比高度。所以這裡span的height是200px。寬度由內容撐開。
3.i絕對定位脫離了文件流;span元素width設定為auto,所以塌陷為0,高度還是200px。
關於螢幕寬高的問題
獲取螢幕的寬高,通常方法如下幾種 獲取螢幕密度 一 display display getactivity getwindowmanager getdefaultdisplay int screenwidth display.getwidth 螢幕寬 int screenheight display...
css 寬高設定
1.em 在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em,則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候,em始終是按照當前div繼承的字型大小來縮放,參照後面的例子。2.rem 這裡的r就...
CSS 實現寬高自適應問題
網頁布局中經常要定義元素的寬和高。但很多時候我們希望元素的大小能夠根據視窗或子元素自動調整,這就是pc端自適應。自適應的優點 元素自適應在網頁布局中非常重要,它能夠使網頁顯示更靈活,可以適應在不同裝置 不同視窗和不同解析度下顯示。相對視窗和父元素的自適應寫法 寬度 當塊狀元素不寫寬度的時候,預設的寬...