Html Wordpress帖子重叠

我刚刚在Wordpress开发堆栈交换上发布了这个，他们说它更适合这里

这可能是一个非常简单的CSS问题，但不管怎样： 我正在开发一个Wordpress主题，它有一个左侧边栏和右侧的帖子，但是帖子重叠了，我不能让它沿着页面向下流动

由于HTML是循环的一部分，因此会多次复制div

我有一个HTML重置进一步在代码中，如果这有助于任何人

这些帖子的代码如下所示：

HTML:

我不能让它工作！！ 谢谢你的帮助 谢谢 Tom

您需要向propertybox类添加一个填充顶部。我用您更新的代码制作了一个JSFIDLE：

HTML:

除去

从

及

你可以给另一个职位

---

试试看……

我不确定你想完成什么，但试试这个

.propertybox {
  width: 50%;
  background-color: rgb(222, 222, 222);
  margin-top: 15px;
}

.propertytext {

  z-index: 1;
  width: 20.4%;
  min-height: 47px;
  line-height: 1.38;
  text-align: center;
  color: white;
  font-family: 'Raleway';
  font-weight: 200;
  font-size: 31px;

}

.propbox{
  position:absolute;
  top: 103px;
  left: 43%;
  width: 50%;
  height: 356px;
  background-color: rgb(222, 222, 222);
  margin-top: 15px;
}

---

你能给我们一个网站的链接吗？或者是一张发生了什么事的照片？抱歉Howlin没用。因为这是wordpress，HTML是循环的一部分，所以div有多个副本，即使在填充顶部，它仍然重叠：

.propertybox {

  position: absolute;
  top: 103px;
  left: 43%;
  width: 50%;
  height: 356px;
  background-color: rgb(222, 222, 222);
  margin-top: 15px;
}

.propertytext {

  position: absolute;
  top: 112px;
  left: 56.75%;
  z-index: 1;
  width: 20.4%;
  min-height: 47px;
  line-height: 1.38;
  text-align: center;
  color: white;
  font-family: 'Raleway';
  font-weight: 200;
  font-size: 31px;

}

<div class="propbox">
<p class="propertytext"><?php the_title(); ?>dddd</p>
<div class="propertybox">sddssdsdfddasd fasdfasdfadssddss dsdfddasdf asdfasdfadssddssdsdfdd  asdfasdfasdfadssddssdsdfddas dfasdfa sdfadssddssdsdfddasdfasdfasdfads</div>
</div>

.propertybox {
position: absolute;
top: 103px;
left: 43%;
width: 50%;
height: 356px;
background-color: rgb(222, 222, 222);
margin-top: 15px;
padding-top: 80px
  }

.propertytext {
position: absolute;
top: 112px;
left: 56.75%;
z-index: 1;
width: 20.4%;
min-height: 47px;
line-height: 1.38;
text-align: center;
color: white;
font-family: 'Raleway';
font-weight: 200;
font-size: 31px;
}

position:absolute;

.propertytext {
}

.propertybox{
}

.propertybox {
  width: 50%;
  background-color: rgb(222, 222, 222);
  margin-top: 15px;
}

.propertytext {

  z-index: 1;
  width: 20.4%;
  min-height: 47px;
  line-height: 1.38;
  text-align: center;
  color: white;
  font-family: 'Raleway';
  font-weight: 200;
  font-size: 31px;

}

.propbox{
  position:absolute;
  top: 103px;
  left: 43%;
  width: 50%;
  height: 356px;
  background-color: rgb(222, 222, 222);
  margin-top: 15px;
}