Html li宽度未与父ul标签固定

我检查了我开发的一些网页。li width存在一些css问题

以下是导航菜单的代码：

ul标签{ 填充：0px； 列表样式：无； 背景：透明； 边框底部：3倍实心ff6600； -moz边界半径：0px； -webkit边界半径：0px； 边界半径：0px； 文本对齐：居中； 位置：相对位置； 宽度：100%； } 李先生{ 背景色：ff6600； 边框左上半径：5px； 边框右上角半径：5px； 边界：无； 颜色：f5ede3； 显示：内联块； 填充：5px15px； 光标：指针； 左边距：0px； 宽度：16%； 文本对齐：居中； } ul.tabs li.current{ 背景：f5ede3； 颜色：ff6600； } 便利设施 吸引 费率 日历 评论 询问 设置框大小：全局边框框作为快速修复-请参见下面的演示：

*{ 框大小：边框框； } ul标签{ 填充：0px； 列表样式：无； 背景：透明； 边框底部：3倍实心ff6600； -moz边界半径：0px； -webkit边界半径：0px； 边界半径：0px； 文本对齐：居中； 位置：相对位置； 宽度：100%； } 李先生{ 背景色：ff6600； 边框左上半径：5px； 边框右上角半径：5px； 边界：无； 颜色：f5ede3； 显示：内联块； 填充：5px15px； 光标：指针； 左边距：0px； 宽度：16%； 文本对齐：居中； } ul.tabs li.current{ 背景：f5ede3； 颜色：ff6600； } 便利设施 吸引 费率 日历 评论 询问 设置框大小：全局边框框作为快速修复-请参见下面的演示：

*{ 框大小：边框框； } ul标签{ 填充：0px； 列表样式：无； 背景：透明； 边框底部：3倍实心ff6600； -moz边界半径：0px； -webkit边界半径：0px； 边界半径：0px； 文本对齐：居中； 位置：相对位置； 宽度：100%； } 李先生{ 背景色：ff6600； 边框左上半径：5px； 边框右上角半径：5px； 边界：无； 颜色：f5ede3； 显示：内联块； 填充：5px15px； 光标：指针； 左边距：0px； 宽度：16%； 文本对齐：居中； } ul.tabs li.current{ 背景：f5ede3； 颜色：ff6600； } 便利设施 吸引 费率 日历 评论 询问 这样做应该会起作用：

ul.tabs li{
        background-color: #ff6600;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border:none;
        color: #f5ede3;
        display: inline-block;
        padding: 5px 15px;
        cursor: pointer;
        margin-left:0px;
        width:16%;
        text-align:center;
        box-sizing: border-box;// Try adding this line (:
    }

这样做应该会起作用：

ul.tabs li{
        background-color: #ff6600;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border:none;
        color: #f5ede3;
        display: inline-block;
        padding: 5px 15px;
        cursor: pointer;
        margin-left:0px;
        width:16%;
        text-align:center;
        box-sizing: border-box;// Try adding this line (:
    }

---

填充，边距？你有6个元素，至少有30px的填充，180px必须超过4%的剩余。你可能需要设置框大小。我已经设置了框大小，但效果不好。框大小适合我。谢谢。空白，空白？你有6个元素，至少有30px的填充，180px必须超过4%的剩余。你可能需要设置框大小。我已经设置了框大小，但效果不好。框大小适合我。谢谢