Question

我有2个具有最小高度的div。第一个具有470px的顶级属性。我希望第二个div在第一个div下面显示staright，之间没有任何空格。我也尝试过display：block并将div放到一个表中，这两个都没有用得更好。这是te css：

#content {
  width: 100%;
  position: absolute;
  top: 470px;
  background: #1C1C1C;
  min-height: 100px;
  overflow: hidden;
}

#content2 {
  width: 100%;
  position:;
  top:;
  background: #333333;
  min-height: 100px;
  overflow: hidden;
}

HTML：

    <div id="content">
        <p>texttexttexttexttexttexttexttexttexttexttexttexttext</p>
    </div>


    <div id="content2">
        <p>texttexttexttexttext</p>
    </div>

Answer 1

一旦你绝对定位了一个元素，你就可以将它从文档流中取出来，这样除非你绝对定位它，否则你不能真正拥有它。我将其改为仅使用上边距将其放在您想要的位置。如果您需要顶部470px中的元素，那么您绝对可以放置这些元素。

我放入的边框仅供参考。

＆＃13;

#content {
  border: 1px solid red;
  margin-top: 470px;
  background: #1C1C1C;
  min-height: 100px;
  overflow: hidden;
}

#content2 {
  border: 1px solid blue;
  background: #333333;
  min-height: 100px;
  overflow: hidden;
}

＆＃13;

<div id="content">First DIV</div>
<div id="content2">Second DIV</div>

＆＃13;

Answer 2

由于#content位于绝对，因此如果不更改HTML结构，则无法执行此操作。

您可以向div添加容器元素absolute，top与#content1 div相同，并添加两个position在没有#container { width: 100%; position: absolute; top: 470px; } #content { border: 1px solid red; background: #1C1C1C; min-height: 100px; overflow: hidden; } #content2 { width: 100%; background: #333333; min-height: 100px; overflow: hidden; }的容器内。

<div id="container">
  <div id="content">
    <p>texttexttexttexttexttexttexttexttexttexttexttexttext</p>
  </div>
  <div id="content2">
    <p>texttexttexttexttext</p>
  </div>
</div>

import sys
import csv

listOfData = []

with open(sys.argv[1]) as f:
    print "yes"
    for line in f:
        print line
        listOfData.append([line])
print listOfData

with open('extracted.csv', 'w') as out_file:
    writer = csv.writer(out_file)
    writer.writerow(('column a', 'column b'))
    writer.writerows(listOfData)

print listOfData

Answer 3

您尚未发布HTML，但这是我的猜测。

试试这个：

<style>
#content {
   width: 100%;
  position: relative;
  background: yellow;
  min-height: 100px;
  overflow: hidden;
}

#content2 {
  width: 100%;
  position: relative;
  background: blue;
  min-height: 100px;
  overflow: hidden;

}
</style>

<div id = "content">
<p> Content - 1 </p>
</div>
<div id = "content2">
<p> Content - 2 </p>
</div>

2 div位置具有“min-height”和“top”属性

3 个答案: