设置2个格相邻

Question

可以说我有2周的div

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

如何使他们彼此相邻？ （尽我所能的方式）

Answer 1

试试这个：

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

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

Answer 2

考虑这一点，如果页面是100％..

如何一共有280％的2周的div要装进100％的页面？

此外，高度应写为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; 
} 

Answer 3

您正在比width:140%屏幕宽的div使其等于小于100％是你在找什么example在这里我们设置宽度为45％占填充所以正确对齐

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

Answer 4

对于您在您的问题中提到的情况，我拥有的最佳解决方案是。

HTML

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

CSS

*{ 
    box-sizing:border-box 
} 
.wrapper{ 
    display:table; 
    width:280%; 
} 
.box { 
    width:50%; 
    display:table-cell; 
    border:solid 2px red; 
    padding: 13px; 
    height: 20px; 
} 

基本上都采用div可以达到您所期望的结果的table布局。

我把包装div的宽度设为280％，对于包装箱我的宽度为50％，最终它将成为每个包装箱的140％，就像您期望的那样。

工作fiddle