我正在显示一个包含 2 个 div 的 div。一个 div 具有彩色背景。它在 Firefox 和 Chrome 中运行良好,但在 Internet Explorer 11 中出现差距。
我总是看不到差距,它会根据我放大的距离而变化。当我看到它并进一步放大时,它可能会再次消失。
这是我的代码:
.container {
border: 1px solid;
width: 500px;
padding: 0px;
position: relative;
height: 100px;
border-radius: 10px;
overflow: hidden;
}
.left {
background: #000000;
width: 50%;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
}
.right {
margin-left:50%;
padding:10px;
}
<div class="container">
<div class="left"></div>
<div class="right">hello</div>
</div>
最佳答案
试着给你的容器box-sizing属性
.container {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
它可能会从您的 css 中的某处继承 box-sizing:content-box
。
关于html - IE11 中 div 之间的 1px 间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33935178/