将标签的背景颜色居中后移除答案

【问题标题】：after centering background color of tag remove将标签的背景颜色居中后移除
【发布时间】：2017-11-12 18:29:48
【问题描述】：

只是一个简单的混淆。居中 html 标签后，背景颜色被移除。但是如果我设置浮动，背景颜色就可以了。

这不起作用

article{
    margin:0px auto;
    display:block;
    width:80%;
    margin:0px auto;
    background:red;
}

这行得通

article{
    margin:0px auto;
    display:block;
    width:80%;
    float:left;
    background:red;
}

【问题讨论】：

【解决方案1】：

第一个按原样工作。

html:

<article>Article text</article>

css:

article{
    margin:0px auto;
    display:block;
    width:80%;
    margin:0px auto;
    background:red;
}

你可以看到here

【讨论】：

【解决方案2】：

我可以看到 HTML 代码吗？否则，如果您使用 Chrome 打开控制台并检查元素以查看正在应用的样式。要打开控制台，请右键单击浏览器窗口的任意位置并单击检查，然后在控制台窗口的左上角，您将看到一个图标，用于选择页面上要检查的元素。

【讨论】：