如何用水平线分隔表格

Question

在我的html页面中，我有div与css：

padding: 0px;
color: rgb(51, 51, 51);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
position: relative;
overflow: visible;

在这个div我有形式和水平线：

<hr color="#424242" size="2">

如何在表单后添加此行？他的例子在更大的显示器上工作，但当我看到电话线上的页面在div旁边时

Answer 1

您可以使用CSS：

clear: both;

使div清除（或进入）另一个元素。

这是你的意思吗？

Answer 2

除非您有特殊原因要使用<hr color="#424242" size="2">之类的表示和非标准标记，否则请省略此元素并使用CSS代替form元素上的底部边框：

form {
  border-bottom: solid #424242 2px;
}

如果需要，请在此规则中添加一些padding-bottom和/或margin-bottom，以分别在该行之前和/或之后创建垂直间距。

如果您需要使用标记，请参阅我对该问题的评论。但无论问题的原因是什么，CSS方法都应该避免它，因为将水平线附加到form元素。

Answer 3

hr {
border-bottom: 1px solid #424242;
clear: both;
display: block;
margin-bottom: 10px;
padding-top: 10px;
width: 100%;

}