100％不等於100％？

當兩個div彼此相鄰時，兩個div的寬度都是百分比，100％只是有點太多，導致兩個div不再彼此相鄰。100％不等於100％？

99％然後在兩個div之間留下了相當大的差距。

是否有一定比例的兩個div很適合頁面？

這個問題的原因是什麼？

來源

2015-04-12 RenVit318

用CSS屬性'margin'可能？如果一個div有100％的保證金可能無法工作。 –

有時我覺得這是由於網頁瀏覽器的邊界。你在全屏模式下有相同的結果嗎？ – Programmer1994

如果沒有更多的上下文，最好使用一個例子來回答這個問題是不可能的。 –

這個問題的原因是什麼？

很可能這是填充/邊框，根據默認的盒子模型加起來元素寬度。爲了克服它改變要填充100％的寬度各元素的box-sizing屬性：

.inline-blocks { 
    box-sizing: border-box; 
}

來源

2015-04-12 11:36:04 dfsq

請記住使用供應商前綴與框大小，沒有它們仍然不支持。 –

@AmarSyla - http://caniuse.com/#feat=css3-boxsizing - 95％不是很好？ – Pavelloz

@AmarSyla供應商前綴不需要箱子大小，只適用於非常老的Firefox。 – dfsq

如果您使用內嵌顯示，兩個獨立的節點之間的新線是作爲空白。這導致這兩個元素纏繞，儘管它們的寬度總計達100％。

.container { 
 
    width: 200px; 
 
    border: 1px solid blue; 
 
} 
 

 
.inl { 
 
    display: inline-block; 
 
    width: 50%; 
 
    height: 20px; 
 
    background: green; 
 
}

<div class="container"> 
 
    <div class="inl"></div> 
 
    <div class="inl"></div> 
 
</div> 
 

 
<div class="container"> 
 
    <div class="inl"></div><div class="inl"></div> 
 
</div>

來源

2015-04-12 11:37:14 Nit

100％不等於100％？

回答

相關問題