div下面的神秘空间

Question

我正在努力找到主要内容div中出现空格的原因，在第一对下面有两个div，一个向左浮动，另一个向右浮动。此空间仅显示在前两个div下方，并且布局在页面下重复。请参阅http://gemma-anderson.co.uk/press.html。任何帮助深表感谢。此外，如果有人能够建议更优雅的方式来布局这个页面，这将是一个很好的奖金。谢谢。

Answer 1

MyCodepen

您好，您有两种选择来定位您的div

• 位置
• 浮

您遇到空间问题导致侧栏栏和主要内容无法定位

我的测试的CSS（使用位置方法）：

mainContent{
  position : absolute;
  left:250px;
  top:70px; 
  background:pink;
  width:700px;
}
.logo{
  width:200px;
  height:80px;
  background:green; 
  float:left;
  margin-right:30px}