Css 以百分比和边距并排显示div？

有没有办法让下面的盒子模型工作。 我有两个div在一个容器中，应该并排显示。 我的问题是，我必须按一定的数字推动左div 还试图远离右边div的负保证金，因为它是 制动响应性布局

样品
样品
样品
#标题{
宽度：800px；
保证金：0自动；
溢出：隐藏；
背景：#ccc；
填充：15px；
}
#左，#右{
显示：表格；
背景：绿色；
高度：200px；
}
#左{
宽度：20%；
浮动：左；
左边距：10px；
}
#对{
宽度：80%；
浮动：对；
左边距：10px；
}
.盒子{
宽度：33.33%；
浮动：左；
}
.box_in{
背景：红色；
利润率：10px；
显示：块；
高度：100px；
}

---

感谢您的帮助

你需要做的就是缩小右div的宽度，它会并排向上滑动。我认为你还有一些其他的事情，你可能需要重新做，以便更好地工作。但无论如何，问题是目前没有空间让两个div并排放置。因此，您可以通过减少边距或宽度来修复它

编辑： 我绝对不喜欢魔法数字，但正如CodeMonkeyG所说，魔法数字和数学之间有区别。但是，您可以使用css计算来计算差异。例如：百分比是流体宽度，80px是固定边距和填充的相等值

width: calc(100% - 80px);

---

如果您愿意，还可以选择基于百分比的边距和填充。不过，Calc可能会给你更好的控制。除非你打算继续进行一些媒体查询

你需要做的就是缩小右div的宽度，它会并排向上滑动。我认为你还有一些其他的事情，你可能需要重新做，以便更好地工作。但无论如何，问题是目前没有空间让两个div并排放置。因此，您可以通过减少边距或宽度来修复它

编辑： 我绝对不喜欢魔法数字，但正如CodeMonkeyG所说，魔法数字和数学之间有区别。但是，您可以使用css计算来计算差异。例如：百分比是流体宽度，80px是固定边距和填充的相等值

width: calc(100% - 80px);

---

如果您愿意，还可以选择基于百分比的边距和填充。不过，Calc可能会给你更好的控制。除非你打算继续进行一些媒体查询

你需要做的就是缩小右div的宽度，它会并排向上滑动。我认为你还有一些其他的事情，你可能需要重新做，以便更好地工作。但无论如何，问题是目前没有空间让两个div并排放置。因此，您可以通过减少边距或宽度来修复它

编辑： 我绝对不喜欢魔法数字，但正如CodeMonkeyG所说，魔法数字和数学之间有区别。但是，您可以使用css计算来计算差异。例如：百分比是流体宽度，80px是固定边距和填充的相等值

width: calc(100% - 80px);

---

如果您愿意，还可以选择基于百分比的边距和填充。不过，Calc可能会给你更好的控制。除非你打算继续进行一些媒体查询

你需要做的就是缩小右div的宽度，它会并排向上滑动。我认为你还有一些其他的事情，你可能需要重新做，以便更好地工作。但无论如何，问题是目前没有空间让两个div并排放置。因此，您可以通过减少边距或宽度来修复它

编辑： 我绝对不喜欢魔法数字，但正如CodeMonkeyG所说，魔法数字和数学之间有区别。但是，您可以使用css计算来计算差异。例如：百分比是流体宽度，80px是固定边距和填充的相等值

width: calc(100% - 80px);

如果您愿意，还可以选择基于百分比的边距和填充。不过，Calc可能会给你更好的控制。除非你打算继续进行一些媒体查询

换成这个

#right {
width:77%;
float:right;
margin-left:10px;}

#right{width:80%}的边距太大，所以它移动到了左div的右下方

更改为此

#right {
width:77%;
float:right;
margin-left:10px;}

#right{width:80%}的边距太大，所以它移动到了左div的右下方

更改为此

#right {
width:77%;
float:right;
margin-left:10px;}

#right{width:80%}的边距太大，所以它移动到了左div的右下方

更改为此

#right {
width:77%;
float:right;
margin-left:10px;}

#right{width:80%}的边距太大，所以它移动到了左div的右下方

以下是解决方案

使用

及

Thnx至

以下是解决方案

使用

及

Thnx至

以下是解决方案

使用

及

Thnx至

以下是解决方案

使用

及

Thnx至

---

cmon，这不是我想要做的。需要盒子模型修复而不是魔法numbers@Benn你所要求的甚至在数学上都是不可能的。如果两个div的宽度之和==其容器的100%，任何数量的边距或填充都会将第二个div拆分为一条新行。你必须要么减少边距，要么减少div的宽度，这样它们的组合就是cmon，这不是我想要做的。需要盒子模型修复而不是魔法numbers@Benn你所要求的甚至在数学上都是不可能的。如果两个div的宽度之和==100%的容器，任何数量的边距或填充都会将第二个div拆分为一个新的div