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％？

回答

相关问题