私のhr要素に "border：0"を追加するたびに、私のhr要素の多くが完全に表示されなくなる

Question

基本的に私は自分のWebページをオフにするために一連のhr要素を使用しています。これは私のCSSは以下のようになります。

hr{ 
    content: " "; 
    display: block; 
    height: .1px; 
    width: 95%; 
    margin:15px; 
    background-color: #dfdfdf; 
    border:0; 
} 

奇妙なことは、私は「国境」を追加するたびに、それは完全にページ上の表示を停止する私の要素の半分以上を引き起こすことがあります。ここに問題は何がありますか？私はこれをどのように修正すべきですか？

P.S. border-width：0pxを使用しても同じことが起こります。

Answer 1

問題は確かに境界線を削除するとheight: .1px;から来て、要素のサイズが半分よりも小さくなります！ピクセルを分割することはできないので、ブラウザは単にピクセルを表示しない、または完全なピクセルを表示する傾向があります。何に依存しているのかは正確には分からない。