根据位置左右放置div

Question

我在我的网站上通过php生成了8个盒子。

我想把它们中的第4个放在左侧，并且将它们放在右侧4个，根据它们需要去的地方，它们可以向左或向右分类。

我无法将它们包装在另一个元素中，应该使用代码中的这些元素。

有什么想法吗？

示例：https://jsfiddle.net/cembowc7/26/

grep "good"

Answer 1

.wrapper::after {
    display: block;
    clear: both;
    content: "";
}

.left {
    float: left;
}

.right {
    float: right;
}

Answer 2

使用float left并相应地给出宽度，如果你想要更严格的设计，你也可以使用像素宽度。我已经测试了下面的代码jsfiddle，它的工作非常好。

  wrapper{
position:relative;
width:100%;

}


.left{
 width:18%
 display:inline-block;
float:LEFT;
}

.right{
 width:18%;
FLOAT:left;
display:inline-block;
 }