Question

li左浮动后,ul的底色如何出来；css样式如下：

ul{border:solid 1px ;background-color:royalblue;height:27px;margin: 0;padding: 0;}
li {list-style-type: none;float: left;}
a {background-color: orangered; text-decoration: none; color: white;line-height:25px ;text-align: center;
border: solid 1px white;display:inline-block;width: 89px;}

Answer 1

你这样贴 谁知道 层级关系是什么样子的呢？

Answer 2

给A 标签设个间距 margin-left: 5px;

你这样写li 吧ul全部都覆盖了！

追问

谢谢 明白了 原来浮动之后的每个li之间的留白是a标签的边框1px

Answer 3

ul 宽度设置下