CSS float属性仅适用于额外的样式标记_Css_Css Float

CSS float属性仅适用于额外的样式标记

css

CSS float属性仅适用于额外的样式标记,css,css-float,Css,Css Float,我想我对HTML css有些不理解。当我使用此代码时： <!DOCTYPE html> <html> <head> <title>STC </title> <link href="bootstrap.css" rel="stylesheet"> <script src="bootstrap.js"></script> <style type="text/css"> ... .loginH

我想我对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>


STC
...
.loginHeader{
浮动：对；
填充物：5px；
}
.导航链接{
浮动：左；
填充物：5px；
}
|  |  | 
克罗伯茨
...

我的浮动权不能按我希望的方式工作。但是如果在我的文件的最开始，在doctype声明之前，我添加了

，那么它就工作得很好。那么，为什么这样的事情会对这种特殊的风格产生影响呢？其他一切看起来都应该是这样的，这就是正确的浮动问题。

查看

.loginheader{}

中的“H”在css中有“H”，在HTML中有“H”

更正>>

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

当我复制粘贴您的代码时，一切看起来都很好，您的loginheader div查看页面的右侧，这是预期的，所以实际问题是什么？这就是为什么我讨厌HTML和CSS的camelcase。