Question

我在一个类中有三个div元素，在html文档中它看起来像：

<div class="content">
  <div id="content_head">
    <!--CONTENT HEAD CODE-->
  </div>
  <div id="between_ads">
    <!-- ADS HERE -->
  </div>
  <div id="content_middle">
    <!--CONTENT MIDDLE CODE-->
  </div>
</div>

这些的css代码：

.content
{
  position: relative;
  width: 75%;
  float: left;
  left: -52px;
  margin: 5px 0 10px 0;
  border-right: 1px solid #D9D9D9;
}

.content #content_head
{
  /*position: relative;*/
  width: 100%;
  float: left;
  border-bottom: 1px solid #D9D9D9;
}

.content #content_middle
{
  /*position: relative;*/
  width: 100%;
  float: left;
  margin: 5px 0 0 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

/*BETWEEN ADVERTS*/
.content #between_ads
{
  position: static;
  width: 100%;/*737px;*/
  height: 10px;
  /*margin: 302px 0 0 -17px;*/
  margin: auto;
  padding: 0;
  background: #000;
}
/*BETWEEN ADVERTS*/

问题是， BETWEEN ADVERTS 的结果代码如下所示： http://i.stack.imgur.com/ZU2FD.png - 窗口上的黑色栏“Polecane”以蓝色突出显示 - 但此div元素应放在此处： http://i.stack.imgur.com/ww0Ko.png - 黄色突出显示在哪里。

将 .content 设置为位置：绝对并将其余设置为 relative 完全制动 .content 类的布局。我对html和css很新，但仍然不是所有人都理解。干杯

Answer 1

尝试取出所有div的position和float。 Divs自然喜欢坐在另一个上面，所以添加定位css会扰乱我的想法。

在一个类中的有序div元素之间定位广告div元素

1 个答案: