html - 分割宽度的最佳方法是什么：100% 父容器分成带小数的部分？

Question

如果您将父容器设置为 width: 100% 并且您的部分中的所有部分都应该相等，但百分比是奇数，例如 16.666667%，您如何确保它正确显示而没有中断？小数位数的限制是多少？

例子：你有

<ul>
     <li>One
     <li>Two
     <li>Three
     <li>Four
     <li>Five
     <li>Six
</ul>

并且 ul 的宽度为 100%，所有的 li 都向左浮动。现在将 100 除以 6，得到 16.66666666667%。如果我想要一个右边框：1px 纯黑色；你如何在 CSS 中考虑这些因素？我可以理解这都是数学，但你不能从百分比中减去 1px（据我所知，也许你可以......）

那么你是怎么做这些事情的呢？谢谢！

Answer 1

嘿，我想你想要这个，你可以定义你的 uldisplay:table并将你的 ul li 定义display:table-cell;为这样

CSS

div{
width:500px;
    border:solid 1px red;
    margin:0 auto;

}

ul{
width:100%;
    background:green;
    display:table;

}

ul li{
display:table-cell;
    border-right:solid 1px white;
    padding:10px;
}
ul li:last-child{border:none;}
​

HTML

<div>
<ul>
    <li>One</li>
     <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
     <li>Six</li>
</ul>
</div>
​

现场演示http://jsfiddle.net/rohitazad/gjutz/1/