将div与左对齐

Question

我试图将div设置为左0但我不能。这是我的代码

.bottom
{
width: 100%;
position: relative;
height: 100px;
background: #21241c;
float: left;
margin: 0;
}

我不想把我的div绝对定位！

这是html

 <div class='top'></div>
 <div class='middle'></div>
 <div class='bottom'></div>

我希望底部div始终位于100％宽度的中间div下面。我试过向左浮动和边缘0但没有。我的底部div接缝位于屏幕的中央，在其左右两侧留下空白区域。 你能帮忙吗？

谢谢！

Answer 1

您只需使用以下代码：

.bottom
 {
  width: 100%;
  height: 100px;
  background: #21241c;
  float: left;
  margin: 0;
  }

Answer 2

尝试像这样使用

float:left; 
margin:0;

无需将位置设为绝对位置。如果您使用的是margin:0 auto;，它会将div固定在中心，因此请将margin设为零。

Answer 3

这不是你的.bottom div问题，而是其中一个父元素，可能是body元素。从body：

中删除任何填充和/或边距

body {
    margin: 0;
    padding: 0;
}

Answer 4

您需要更正您的Html。因为我们没有代码，所以我认为你的div只是在身体里？尝试：html，body {                                  宽度：100％;                                  高度：100％;                                  保证金：0;                                             }

Answer 5

感谢您的时间，我找到了解决方案。只需在我的CSS中添加以下代码即可。

html, body
{
  margin: 0;
  padding: 0;
}