内部 CSS 不会覆盖类的外部 CSS答案

【问题标题】：Internal CSS not overriding external CSS for class内部 CSS 不会覆盖类的外部 CSS
【发布时间】：2015-07-07 14:30:39
【问题描述】：

我需要内部 CSS 中的“列”类浮动中心，而外部 CSS 将其设置为左侧。

这是我的 CSS 文件：

body { text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }  
#report { width: 1269px; margin:  auto; float: left;
}

div.column{  margin-top: 10px; padding: 0px 0px; float: left; }
div.first{ padding-right: 8px; border-right: 1px grey solid; }
div.second{  margin-left: 8px; 
}
...

这是我的带有内部 CSS 的 HTML：

    <!DOCTYPE html>
<html>
<head>
<title>Dual Server Report</title>
<link rel="stylesheet" type="text/css" href="ServerReport.css">
    <style type="text/css">
    div.column{ float: center; }
    </style>
</head>
<body>
<div id="report">
<h1>Automated PowerShell Install Report</h1>
<h2>This report was ran: 07/07/2015 09:03:21</h2>

    <div class="column">
...

我检查了这三个类似的问题，但我尝试过的都没有用。
Internal Stylesheet NOT overriding External stylesheet?
“Inner” CSS Not Overriding “Outer” CSS
Overriding External CSS

编辑：
我记得昨天查找了“浮动”属性，但我不记得我找到了什么；在仔细检查之前发布这个我觉得很傻。 float 没有 center 属性是有道理的。

我会留下这个，以防将来有人犯类似的错误。感谢所有回答的人都非常尊重地指出这个错误，我应该自己发现。

【问题讨论】：

没有“float: center”这样的东西。
尝试在“内部”文件之后加载“外部”CSS 文件。对于您的“您每天都会学到新东西”课程，请阅读developer.mozilla.org/en-US/docs/Web/CSS/Specificity

标签： css stylesheet external internal overriding

【解决方案1】：

float: center的属性值不存在。

float 属性有四个值：left、right、none 和 inherit。

【讨论】：

好吧，我现在确实觉得很傻。感谢 CitizenDelta 和 Tyler 以及其他所有人花时间指出这一点。只是我应该知道的其中一件事，但我已经忘记了。

【解决方案2】：

float 的唯一有效值是：left、right、none、inherit。

因此，此代码将被跳过并且不会覆盖 css 文件。请查看here 了解有关 float 属性的更多信息。

【讨论】：

【解决方案3】：

在 CSS 中没有像 float: center 这样的东西

另一种方法

在html页面下改变你的CSS

div.column
{
 float: none;
 margin: auto;
 width: 200px; /* set the width (Except 'auto') */ 
}

【讨论】：