Html 为什么我的第二个div在同一行忽略了边距？

在搜索了所有问题后，我一直设法将我的两个

div

放在同一行。但是现在，我的第二个

div

拒绝遵循父

div

的

右边距规则。所以我把它添加到
div
本身，它仍然忽略它。我以为是
文本
，但这似乎无关紧要。我尝试删除第二个
div
的
width
，这是一种可行的方法，但是它太拥挤了。基本上，我希望我的
div
与浏览器的
大小成比例，我使用两个
div
的百分比，但是右边的
div
拒绝缩小到某一点<代码>溢出：隐藏
似乎也没有效果

这是我要做的页面

父分区：

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

及儿童组：

#pow {
    width: 50%;
    display: inline-block;
    margin-right: 15px;
}

#foundhome {
    width: 38%;
    display: inline-block;
    position: absolute;
    margin-left: 0;
}

编辑：在再次查看我的资料后，似乎我在某个地方犯了一个错误。虽然给出的答案在某种程度上确实有效。我将慢慢地重新添加片段，看看哪里出了问题。
看看这篇关于CSS中的应用程序的教程

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

如果您认为这很糟糕，并且希望在设置宽度时考虑整个长方体模型，则说明如何使用
box size
CSS3设置将填充和边框作为总宽度的一部分，但它不适用于
边距
，边距总是计算在元素宽度的顶部（因为它描述了元素周围应保持清晰的区域）。
请查看本教程中关于CSS中的边距

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

如果您认为这很糟糕，并且希望在设置宽度时考虑整个长方体模型，则说明如何使用
box size
CSS3设置将填充和边框作为总宽度的一部分，但它不适用于
边距
，边距总是计算在元素宽度的顶部（因为它描述了元素周围应保持清晰的区域）。
请在问题中添加一些代码我理解您试图实现的目标，但不幸的是，您设置所有div的方式并不正确。从技术上讲，这并没有错，但这是一种不好的做法。设置布局的正确方法是使用浮动。这里有一段视频可以帮助你更好地理解浮动，我把它们当作浮动，然后才弄明白如何保持它们在同一条线上，但我不喜欢它们的行为。为什么不使用浮动是不好的做法？我的其他div有什么问题吗？请在你的问题中添加一些代码我理解你想要实现的目标，但不幸的是，你设置所有div的方式并不正确。从技术上讲，这并没有错，但这是一种不好的做法。设置布局的正确方法是使用浮动。这里有一段视频可以帮助你更好地理解浮动，我把它们当作浮动，然后才弄明白如何保持它们在同一条线上，但我不喜欢它们的行为。为什么不使用浮动是不好的做法？我的其他div有什么问题吗？那么，如果我有正确的宽度百分比，那么无论浏览器如何更改，它们都将保持不变？我以前见过这种东西，但我从来都不知道它是干什么的，所以我可能会试试。还有，我是如何拥有它的不是一个理想的方式吗？使用浮动真的更好吗？如果你说，
width:50%
，元素的内容区域将占据屏幕宽度的50%。元素占用的总面积为50%+任何边距+任何边框+任何填充。对于链接，由于左右边距为
75px
，因此总宽度将为
50%+150px
。px值和%值的混合可能会在极端情况下导致不期望的行为（比如，考虑屏幕宽度为300px的情况），但它只需根据需要灵活：在不需要时不要使其复杂化。关于“更好”、“理想”，以及是否使用
float
请参阅。它始终是相对的，并且始终取决于您试图做什么。因此，如果我有正确的宽度百分比，无论浏览器如何更改，它都将保持不变？我以前见过这种东西，但我从来都不知道它是干什么的，所以我可能会试试。还有，我是如何拥有它的不是一个理想的方式吗？使用浮动真的更好吗？如果你说，
width:50%
，元素的内容区域将占据屏幕宽度的50%。元素占用的总面积为50%+任何边距+任何边框+任何填充。对于链接，由于左右边距为
75px
，因此总宽度将为
50%+150px
。px值和%值的混合可能会在极端情况下导致不期望的行为（比如，考虑屏幕宽度为300px的情况），但它只需根据需要灵活：在不需要时不要使其复杂化。关于“更好”、“理想”，以及是否使用
float
请参阅。它总是相对的，而且总是取决于你到底想做什么。