如何與水平線

Question

在我的HTML頁面我已經使用CSS的div分開形式：在這個div

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

我有形式和水平線：

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

我如何添加這個這個線後形式？他的例子更大的顯示器上工作，但是當我看到電話線我的網頁旁邊的div

Answer 1

除非你有特殊原因使用表象和非標準的標記像<hr color="#424242" size="2">，省略此元素，並使用CSS，而不是繪製form元件上的底部邊框：

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

如果需要的話，加一些padding-bottom和/或margin-bottom到這個規則，以分別在線條之前和/或之後創建垂直間距。

如果您需要使用標記，請參閱我對該問題的評論。但是無論問題的原因是什麼，CSS方法都應該避免它，因爲將水平線連接到form元素。

Answer 2

您可以使用CSS：

clear: both; 

爲了讓一個div明確（或去下），另一種元素。

這是你的意思嗎？

Answer 3

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

}