Html 浮动和边距顶部 aaa bbb #家{ 宽度：400px； 高度：400px； } #标志{ 高度：200px； 背景颜色：绿色； } #脚{ 高度：200px； } #一个{ 高度：200px； 宽度：200px； 背景色：红色； } #两个{ 高度：200px； 宽度：200px； 背景颜色：蓝色； 浮动：左； } .测试{ 边缘顶部：50px； 左边距：50像素； 背景颜色：黄色； }

为什么在这个例子中float:left不起作用？为什么居于“家”而不是“父母”的首位

---

活动：

两个元素都需要浮动，第二个元素应该设置了

清除：两个
设置

两个元素都需要浮动，第二个元素应该设置
清除：两个元素都设置了

浮动在您的示例中不起作用，因为您需要在同一行上浮动所需的两个元素

因此，我更新了您的示例，将#1和#2向左浮动。还添加了一些IE浮动修复

我不确定使用
margin-top
Floating试图实现的目标在您的示例中不起作用，因为您需要在同一行上浮动所需的两个元素

因此，我更新了您的示例，将#1和#2向左浮动。还添加了一些IE浮动修复

我不确定你想用
页边空白顶部
实现什么，只需添加这个

<div id="home">
    <div id="logo"></div>
    <div id="foot">
        <div id="one">
            <span id="aaa" class="test">aaa</span>
        </div>
        <div id="two">
            <span id="bbb" class="test">bbb</span>
        </div>

    </div>
</div>


#home {
  width: 400px;
  height: 400px;
}

#logo {
    height: 200px;
    background-color: green;
}

#foot {
   height: 200px;
}

#one {
 height: 200px;
 width: 200px;
 background-color: red;
}

#two {
 height: 200px;
 width: 200px;
 background-color: blue;
 float: left;    
}

.test {
  margin-top: 50px;
  margin-left: 50px;
  background-color: yellow;
}

这是更新后的版本，只需添加这个

<div id="home">
    <div id="logo"></div>
    <div id="foot">
        <div id="one">
            <span id="aaa" class="test">aaa</span>
        </div>
        <div id="two">
            <span id="bbb" class="test">bbb</span>
        </div>

    </div>
</div>


#home {
  width: 400px;
  height: 400px;
}

#logo {
    height: 200px;
    background-color: green;
}

#foot {
   height: 200px;
}

#one {
 height: 200px;
 width: 200px;
 background-color: red;
}

#two {
 height: 200px;
 width: 200px;
 background-color: blue;
 float: left;    
}

.test {
  margin-top: 50px;
  margin-left: 50px;
  background-color: yellow;
}

这是更新后的版本，这是因为您的内联CSS“测试”。对于Span Id=“bbb”，有两个CSS定义，一个是“测试”，另一个是“两”。“测试”的优先级更高，所以float不起作用
 这是因为您的内联CSS“测试”。对于Span Id=“bbb”，有两个CSS定义，一个是“测试”，另一个是“两”。“测试”的优先级更高，所以float不起作用
 我假设您想要
页脚中的
一个
和
两个
。所以你必须申请

#one {
 height: 200px;
 width: 200px;
 background-color: red;
    float:left;
}

到
一个
。关于页边距：我只能看到应用于黄色背景文本的页边距。这些是
s，所以是内联元素。制作这些块级元素，如
，以使边距生效。
我假设您希望
页脚中有
一个
和
两个
。所以你必须申请

#one {
 height: 200px;
 width: 200px;
 background-color: red;
    float:left;
}

到
一个
。关于页边距：我只能看到应用于黄色背景文本的页边距。这些是
s，所以是内联元素。制作这些块级元素，如
，使页边距生效。
为什么页边距在.class中居首不起作用？左边的空白是可以的。为什么要设置#body而不是#foot的位置？该类应用于非块级别的跨度。所以利润率不起作用。这样更好吗？是否希望文本与红色和蓝色框的顶部隔开？您需要更改填充，而不是边距。就像这样——为什么利润率在班上名列前茅不起作用？左边的空白是可以的。为什么要设置#body而不是#foot的位置？该类应用于非块级别的跨度。所以利润率不起作用。这样更好吗？是否希望文本与红色和蓝色框的顶部隔开？您需要更改填充，而不是边距。像这样–谢谢，为什么利润率在班上名列前茅？这不管用？左边的空白是可以的。为什么要设置“身体”而不是“脚”的位置呢？谢谢，为什么在课堂上“边缘顶端”不起作用？左边的空白是可以的。为什么要设置身体的位置，而不是脚的位置？