Question

我需要内部CSS中的“column”类来浮动中心，而外部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

编辑：
我记得昨天查看“浮动”房产，但我不记得我发现了什么;在进行仔细检查之前，我觉得发布这个很傻。有意义的是浮动没有中心属性。

如果将来有人犯了类似的错误，我会留下这个。感谢所有回答过如此尊重的人，指出这个错误，我应该自己找到。

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不会覆盖类

3 个答案: