CSS实战div遇到的问题

CSS实战div遇到的问题

  #menu{
  display:block;
  margin-right:30%;
  height:20px;
  border-bottom:1px solid black;
  }
  #menu li{
  margin-right:30px;
  list-style-type:none;
  float:right;
  }

当div没有设置高度时，内部有浮动元素，那么对于下border线的设置会变成上划线。