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

Question

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

有些事我想我只是不了解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>

Run Code Online (Sandbox Code Playgroud)

我的浮动权利不符合我的要求.但是,如果在我的文件的最开始,在doctype声明之前,我添加<style></style>然后它完美地工作.那么为什么这样的东西对那种特定的风格有什么影响呢？其他一切看起来应该是这样的,这只是浮动权问题.

Answer 1

mad*_*rox 6

查看.loginheader{}你的CSS中的'H'你有'H'和HTML你有'h'

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

这就是为什么我讨厌用于HTML和CSS的camelcase. (2认同)

归档时间：	12 年，9 月前
查看次数：	83 次
最近记录：	12 年，9 月前