li加上边框浮动后浏览器放大排版错乱,现在只知道box-sizing可以解决,可我并不想用box-sizing,望高人授教
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
```css
ul {
width: 891px;
padding: 10px 0px 0px 0px;
background-color: red;
margin: 0 auto;
}
ul::after{
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
li {
width: 275px;
height: 333px;
border: 1px solid black;
background-color: green;
float: right;
margin: 0px 10px 10px 10px;
/* box-sizing: border-box; */
}
```