Css 无法在总宽度上对齐6个分区_Css

Css 无法在总宽度上对齐6个分区

css

Css 无法在总宽度上对齐6个分区,css,Css,我制作了这个html <body style="margin:0px"> <div class="statbar"> <div class="stat">sd</div> <div class="stat">sd</div> <div class="stat">sd</div> <div class="stat">sd</div> <div class="stat"&g

我制作了这个html

<body style="margin:0px">

<div class="statbar">
<div class="stat">sd</div>
<div class="stat">sd</div>
<div class="stat">sd</div>
<div class="stat">sd</div>
<div class="stat">sd</div>
<div class="stat">sd</div>

</div>
</body>

总宽度应为100%总宽度的99%，但仍然不合适。为什么？

您的百分比很好，但是由于您将显示更改为内联块，因此元素现在对代码中的空格很敏感。尝试以下方法来解决此问题：

<div class="statbar"><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div></div>

百分比很好，但由于将显示更改为内联块，元素现在对代码中的空格很敏感。尝试以下方法来解决此问题：

<div class="statbar"><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div><div class="stat">sd</div></div>

我已经从CSS样式中删除了不必要的代码。这是

统计局{ 背景色：0072C6；宽度：15.5%；高度：50px；显示：内联块；填充：0自动；保证金：0自动 } 斯塔巴先生{ 宽度：100%； }

我已经从CSS样式中删除了不必要的代码。这是

统计局{ 背景色：0072C6；宽度：15.5%；高度：50px；显示：内联块；填充：0自动；保证金：0自动 } 斯塔巴先生{ 宽度：100%； }

<div class="statbar">
    <div class="stat">sd</div><!--
    --><div class="stat">sd</div><!--
    --><div class="stat">sd</div><!--
    --><div class="stat">sd</div><!--
    --><div class="stat">sd</div><!--
    --><div class="stat">sd</div>
</div>

.stat {
    background-color: #0072C6;
    width: 15.5%;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-right: 0px;
    display:inline-block;
    padding:0px;
    border:0px;
    float:left;
}