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

.loginheader{}css の 'H' と HTML の 'h' を参照してください。

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

于 2013-03-08T15:08:43.773 に答える
4

DOCTYPE の前にコンテンツを追加すると、すべてが期待どおりに表示されるのは、ドキュメントを Quirks モードにするためです。

于 2013-03-08T15:09:11.073 に答える