为什么我的第二个div在同一行上忽略了margin-right？

Question

在搜索完问题后，我设法让我的两个div始终在同一条线上。但是现在，我的第二个div拒绝遵循父margin-right的{​​{1}}规则。所以我将它添加到div本身，它仍然忽略它。我以为是div，但似乎并不重要。我已经尝试删除text的第二个width，这种方式有效，但后来又太过分了。基本上，我希望我的div缩放到浏览器的div，我使用两个size的百分比，但右div拒绝收缩过了某一点。 div似乎也没有效果。

这是我想要制作的页面。 project

父母div：

overflow:hidden

和孩子们分享：

.split {
    margin: 0px 75px 15px 75px;
    height: 300px;
    position: relative;
    overflow: hidden;
}

编辑：再看一遍我的东西，似乎我可能在某个地方犯了错误。虽然给出的答案在某种程度上起作用。我会慢慢重新添加碎片，看看我哪里出错了。

Answer 1

在CSS中的Box Model上查看本教程。

基本上，您遇到的问题是因为width属性引用了元素的内容宽度。它没有考虑边距，填充或边框，因此当您添加这些值时，您必须在设置的宽度中考虑这一点。

如果您认为这很糟糕，并且您想在设置宽度时考虑整个盒子模型，那么有关于如何使用box-sizing CSS3设置来包含填充和边框的说明Here作为整体宽度的一部分，但它不能与margin一起使用，总是计算在元素宽度之上（因为它描述了元素周围的区域应该是保持清醒）。