Html 为什么赢了'；这根柱子不靠右吗_Html_Css

Html 为什么赢了'；这根柱子不靠右吗

html css

Html 为什么赢了'；这根柱子不靠右吗,html,css,Html,Css,我对CSS非常陌生。我有一个问题，我只是在这里玩div，我有这些： <html> <head> <title>My web page</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id = "first"> <div id= "s

我对CSS非常陌生。我有一个问题，我只是在这里玩div，我有这些：

<html>
<head>
    <title>My web page</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
    <div id = "first">
        <div id= "second"></div>
        <div id="third"></div>
        <div id="fourth"></div>
        <div id="fifth"></div>
        <footer></footer>
    </div>
</body>

问题是右边的列在下面，没有粘到右边，这是什么问题？

将HTML标记中的元素

#third

和

#fifth

移动到顶部。这两个div具有

float:left | right

属性，因此将它们移动到

#第四个

div上方最为方便

<body>
    <div id="first">
        <div id="second"></div>
        <div id="third"></div>
        <div id="fifth"></div>
        <div id="fourth"></div>
        <footer></footer>
    </div>
</body>

我更新了代码，下面是一个例子来说明它的工作原理注意我还删除了所有

显示：内联块

属性，以删除

上方不需要的空白

下面是一个有关此浮动问题的可视示例：

将元素

#third

和

#fifth

移动到HTML标记的顶部。这两个div具有

float:left | right

属性，因此将它们移动到

#第四个

div上方最为方便

<body>
    <div id="first">
        <div id="second"></div>
        <div id="third"></div>
        <div id="fifth"></div>
        <div id="fourth"></div>
        <footer></footer>
    </div>
</body>

我更新了代码，下面是一个例子来说明它的工作原理注意我还删除了所有

显示：内联块

属性，以删除

上方不需要的空白

下面是一个有关此浮动问题的可视示例：

正如我所见，你是html新手：）alsoYes，我肯定是。正如我所见，你是html新手：）alsoYes，我肯定是。你能解释一下原因吗？因为没有浮动的元素是

块

元素。他们打算独自一人排队。如果将带有

float:right

的元素放置在

块

元素下方，则无法强制

块

元素在同一行中为其留出一些空间。非常感谢！你真的帮了大忙。请参阅我的另一个更新。我希望它能解释一切。你能解释一下为什么吗？因为没有浮动的元素是

块元素。他们打算独自一人排队。如果将带有float:right
的元素放置在块
元素下方，则无法强制块
元素在同一行中为其留出一些空间。非常感谢！你真的帮了大忙。请参阅我的另一个更新。我希望它能解释一切。