我试图将元素放在div元素下面

时间:2014-02-11 10:16:51

标签: html css

我使用float = left并排放置了两个div元素; 但按钮会显示在div元素旁边。 我希望按钮元素位于两个并排放置的div元素的正下方。

1 个答案:

答案 0 :(得分:1)

当您使用float:left属性时,div的高度和宽度由以下任一项设置

  1. 内容html元素所需的空间量
  2. 应用css高度和宽度。
  3. 因此说如果你的屏幕太大而且空间被遗漏在两侧那么下一个元素(如果它可以适合那个空间)被渲染(如果它需要更多,那么它将出现在下一行)。

    因此现在关于你的问题有两个可能的解决方案

    1.   

      增加div的宽度,使其占据屏幕宽度的大部分。(大部分从未使用,因为它在大屏幕上可能看起来很难看)

      但如果你想通过这种方法,设置宽度百分比可以完成这项工作。

      Fiddle demo

    2.   

      使用css的clear:both属性(最常用的

      对于它的解释,你必须阅读documentation

      我建议你选择这种方法

      Fiddle demo