<hr>没有显示

Question

我有一个<hr>没有显示.

HTML:

<div id="line"><hr /></div>

CSS:

hr {
    border: 0;
    width: 96%;
    color: #FFFF00;
    height: 1px;
}


#line {
    float: left;
    width: 731px;
    height: 10px;
}

任何想法为什么它没有显示？

Answer 1

试试这段代码:

hr {
  border: 0;
  clear:both;
  display:block;
  width: 96%;               
  background-color:#FFFF00;
  height: 1px;
}

JSFiddle链接http://jsfiddle.net/EXXrB/

希望它能帮助您解决问题.