Question

您好我的DIV重新调整大小有问题。

我不知道为什么，但是特定部分中特定类的所有div都比他们想要的大70px。如果此类的div为300px或者为800px，则会发生这种情况。

因此我不能使用任何百分比，因为没有固定值。高度仅取决于div中的文本数量。

我怎样才能恢复这个偏移？我甚至可以使用任何Javascript或类似的东西。

我已经做了类似的事情：

margin-bottom：-70px;

它有效，但是使用这个解决方案，previuse文章的div与新标题重叠。标题的部分不可点击。

由于

编辑：

此部分的当前CSS为空。

当然感谢..

<div class="lcp_catlist">
<div class="list_cat_begin_post">

        <a href="..."><img ..."></a>

        <span class="list_cat_post_title_span"> 
            <span class="list_cat_post_data"> 4 gennaio 2015</span>
            <a href="....">TITLE</a>
        </span>

        <div class="list_cat_excerpt">
            EXCERPT
        </div>
   </div>
..... [many <div class="list_cat_begin_post">]

</div>

.lcp_catlist {
position: relative;
top: 10px;
}

.list_cat_begin_post {
}

.list_cat_post_title_span {
position: relative;
top: -95px;`enter code here`
background: rgba(12, 97, 157, 0.7);
color: white;
display: table-cell;
width: 620px;
height: 75px;

}

.list_cat_excerpt {
position: relative;
top: -80px;
bottom: 5px;
border-bottom: solid;
border-color: rgb(12, 97, 157);

}

有问题的快照！[红色方块hilight应该不存在的空间] http://i62.tinypic.com/zxn24n.png

Answer 1

在看到添加的代码之后，我会说它是造成问题的位置亲属。当您将某个东西设置为相对位置时，它在文档中的位置保持就像它在那里一样，然后将其移动到它相对于通常在同一时间它的位置，但保留它所在的空间。所以看到我的意思的片段，它已经把绿色框推下来，但仍然保留在文档中。

＆＃13;

#box2{width:150px;height:30px;background-color:yellow;}
#box3{width:150px;height:30px;background-color:blue;}
#box4{position:relative;width:150px;height:30px;top:10px;background-color:green;}

＆＃13;

<div id="box2">&nbsp;</div>
  <div id="box4">&nbsp;</div>
  <div id="box3">&nbsp;</div>

＆＃13;

Answer 2

您应该将特定课程的每个div设置为您想要的那个。如果你发布你的代码，我或许可以告诉你到底出了什么问题，因为你的问题有点难以解读。

Answer 3

关注list_cat_post_title_span类，我怀疑有几种风格：

主要是为什么display: table-cell？表格单元格布局旨在使几个相邻元素看起来像是单元格：相同的widht和/或高度。但是，如果你在同一个类中设置特定的宽度和高度，它似乎并不连贯。最好删除display样式。
我也不理解top: -95px和position: relative样式。我建议您关闭它们并尝试是否仍然显示超高问题。

CSS调整大小固定数量

3 个答案: