關於css寬高問題

2022-06-16 07:42:10 字數 910 閱讀 4250

問題: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端自適應。自適應的優點 元素自適應在網頁布局中非常重要,它能夠使網頁顯示更靈活,可以適應在不同裝置 不同視窗和不同解析度下顯示。相對視窗和父元素的自適應寫法 寬度 當塊狀元素不寫寬度的時候,預設的寬...