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

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

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

陳小曉

2016-08-06

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

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

1677

操作

收起

1 回答

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

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

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

你最后又設(shè)置了一個左浮動，使得它脫離的標準文檔流。你試著把浮動去掉&不設(shè)置塊級元素的情況下再來設(shè)置width,height就沒有作用了。

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

收起回答

#1

陳小曉提問者

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

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

#2

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

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

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