定位问题

Question

我遇到过这样的问题，其中我的三个锚点不允许其他三个位置获得正确的位置，但是当我将位置更改为绝对位置时它工作正常但三个锚点相互合并，有没有办法我可以让这个问题消失吗？

任何帮助将不胜感激

.R-news {
   width: 18rem;
   height: 18rem;
   margin:.5rem;
   background-color: #fff;
   box-shadow: 0 2px 0 0 #fff, 1px 3px 4px #333;
   float:right;
   clear:both;
}
.R-news img {
   height: 11rem;
   width:18rem;
}

Fiddle

Answer 1

将正确的花车放在之前，将其他内容放入标记中。您还必须确保宽度不会相互碰撞。看看我的例子。

<article class="R-news">...</article>
<article class="c-news">...</article>

http://jsfiddle.net/gr84a/10/