内部 CSS 未覆盖 class 的外部 CSS

Question

我需要将内部 CSS 中的 "column" class 浮动到中心，而外部 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; 
}
...

这是我的 HTML 内部 CSS:

    <!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" 属性但我不记得我找到了什么；在去仔细检查之前发布这个我觉得很愚蠢。浮动没有中心是有道理的属性.

我会保留它以防将来有人犯类似的错误。感谢所有回答的人，他们非常恭敬地指出了这个我应该自己发现的错误。

Answer 1

float: center 的属性值不存在。

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

Answer 2

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

因此将跳过此代码并且不会覆盖 css 文件。请查看 here 以获取有关浮动属性.

的更多信息

Answer 3

CSS

中没有 float: center

另一种方法

在 html 页面下更改您的 CSS

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

内部 CSS 未覆盖 class 的外部 CSS

Internal CSS not overriding external CSS for class

css

stylesheet

external

internal

overriding