Html 设置2个相邻的div

假设我有两个div

    width: 140%;
    padding: 13px;
    height: 20;
    float: left;

我如何使它们彼此相邻？（我能做的最好的方式）

试试这个：

<div>Hello</div>
<div>World</div>

div {
    border:1px solid #000;
    width: 200px;
    height:100px;
    margin: 10px;
    display: inline-block;
}

你好 世界 div{ 边框：1px实心#000； 宽度：200px； 高度：100px； 利润率：10px； 显示：内联块； }

---

如果页面为100%，请考虑这一点

在一个100%的页面中，总共280%的两个div是如何容纳的

此外，高度应写为

height:20px

这是写这篇文章的正确方法：

div {
  width: 50%;
  float: left;
  height: 20px;
  padding: 13px;
  box-sizing: border-box;
}

或者更好：

div {
  width: 50%;
  display: inline-block.
  height: 20px;
  padding: 13px;
  box-sizing: border-box;
}

您正在使用
宽度：140%
将div设置为比屏幕更宽，使其小于100%是您要寻找的内容。我们将宽度设置为45%，以确保填充正确对齐

.box {
    width: 45%;
    padding: 13px;
    height: 20;
    background:blue;
    margin-right: 20px;
    float: left;
}

对于你在问题中提到的情况，我所能找到的最好的解决办法是

HTML

<div class="wrapper">
    <div class="box"></div>
    <div class="box"></div>
</div>

基本上，使用
div
的
表格
布局可以实现您期望的结果

我将包装器div的宽度设为280%，将盒子的宽度设为50%，最终每个盒子的宽度将变为140%，正如您所期望的那样

工作
如果你有两个“宽度：140%”的div，你就不能让它们挨着坐。除非您使用'width:50%'或更少。请为一个div提供jsfiddle.width 140%，总的来说，它将变成280%，但两个div应该并排放置。这意味着您的页面将有一个水平滚动条。这就是你想要的吗？@NileshMahajan如果是的话，我该怎么做？@Facondo:检查我的答案，让我知道它是否对你有效。：）
*{
    box-sizing:border-box
}
.wrapper{
    display:table;
    width:280%;
}
.box {
    width:50%;
    display:table-cell;
    border:solid 2px red;
    padding: 13px;
    height: 20px;
}