0

我想我只是不了解 HTML css。当我使用此代码时：

<!DOCTYPE html>
<html>
<head>
<title>STC </title>
<link href="bootstrap.css" rel="stylesheet">
<script src="bootstrap.js"></script>

<style type="text/css">
...
.loginHeader{
    float: right;
    padding: 5px;
}
.navLinks{
    float: left;
    padding: 5px;
}
</style>
</head>
<body>
<div class="topBar">
<div class="navLinks">
<a href=""> Home</a> | <a href=""> About</a> | <a href=""> Suggestions</a> | <a href=""> Terms & Conditions</a>
</div>
<div class="loginheader">
        croberts | <a href="/myContracts/">My Contracts</a> | <a href='?logout'>Logout </a>

</div>
</div>
...
</body>
</html>

我的浮动权利不能按我想要的方式工作。但是，如果在我的文件的最开始，在 doctype 声明之前，我添加<style></style>了那么它就可以完美地工作。那么为什么这样的东西会对那种特定的风格产生影响呢？其他一切看起来都应该是这样，这只是浮动正确的问题。

4

2 回答 2

6

在你的css中看到' .loginheader{}H'你有'H'，在HTML中你有'h'

更正>> http://jsfiddle.net/4eDAm/

于 2013-03-08T15:08:43.773 回答
4

在您的 DOCTYPE 之前添加内容时，一切看起来都会像您期望的那样的原因是您将文档放入 Quirks 模式。

于 2013-03-08T15:09:11.073 回答