                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

怎么em沒(méi)有設(shè)置成塊級(jí)元素也能設(shè)置寬高

不小心把em寬度設(shè)成200px，結(jié)果發(fā)現(xiàn)em沒(méi)有設(shè)置成塊級(jí)元素也能改變寬度，為什么？

陳小曉

2016-08-06

源自：企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 3-14

關(guān)注問(wèn)題我要回答

1657

操作

收起

1 回答

丶筱筱回答被采納 +3 積分
2016-08-06

首先inline元素的高度和寬度是由元素中的呢內(nèi)容（包括字體大小和行高影響）決定的。對(duì)inline元素設(shè)置高寬是無(wú)效的，如果你想對(duì)元素設(shè)置高寬的話。

可以將元素設(shè)置為inline-block，inline元素也是符合盒子模型的，所以為她設(shè)置margin和padding是有效的。

你最后又設(shè)置了一個(gè)左浮動(dòng)，使得它脫離的標(biāo)準(zhǔn)文檔流。你試著把浮動(dòng)去掉&不設(shè)置塊級(jí)元素的情況下再來(lái)設(shè)置width,height就沒(méi)有作用了。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

陳小曉提問(wèn)者

也就是給內(nèi)聯(lián)元素設(shè)置浮動(dòng)，也能將內(nèi)聯(lián)轉(zhuǎn)為塊狀元素是吧

2016-08-06 回復(fù) 有任何疑惑可以回復(fù)我~

#2

丶筱筱回復(fù) 陳小曉提問(wèn)者

浮動(dòng)后，行內(nèi)元素不會(huì)成為塊狀元素，行內(nèi)元素就可以設(shè)置塊狀元素的一些樣式，比如寬高行內(nèi)元素要想變成塊狀元素，占一行，直接設(shè)置display:block;。但如果元素設(shè)置了浮動(dòng)后再設(shè)置display:block;那就不會(huì)占一行。反正在用浮動(dòng)的時(shí)候多注意一下。

2016-08-06 回復(fù) 有任何疑惑可以回復(fù)我~