使用CSS重新组织DIV

时间:2011-03-22 10:54:20

标签: css

我正在尝试修改SMF主题 DIV1和DIV2在html中组织,因此div1首先显示在div2上方。 我想用css切换他们的地方,这可能吗?我该如何实现呢?

3 个答案:

答案 0 :(得分:1)

随着你提供的信息:

  

DIV1和DIV2组织在   html让div1成为第一个而且是   显示在div2上方

我假设你有一个结构like this

<div id="container">
    <div id="div1">div1</div>
    <div id="div2">div2</div>
</div>

您可以使用absolute定位内的relative来执行此操作。

例如:http://jsfiddle.net/BY7v9/1/

如果您提供更具体的详细信息,您可以获得更具体的答案。

答案 1 :(得分:1)

您可以尝试向顶部margin添加100%高度<div>,在底部添加-100%margin。这可能会让他们交换位置。但是,它可能会有其他意想不到的后果。您可能还需要调整其他样式,例如overflow,以使其正常工作。

使用position:relative;也可能有用。然后,您可以为两个div指定top以向上移动一个,向下移动另一个。同样,这将影响布局的其余部分。如果这不起作用,其中一个position:relative;和另一个position:absolute可能效果更好。

根据布局,使用float可能会有所帮助。但如果您的布局尚未设置为浮动元素,那肯定会有一些有趣的怪癖。

最糟糕的情况是,您可以使用position:absolute;并为所有内容定义固定位置。

几乎所有这些选项的主要问题是保持容器元素的大小合适。如果你可以修改它的大小(或者如果它已经修复)那么你的工作将会轻松很多。

希望有所帮助。

答案 2 :(得分:0)

左侧是

float:right,右侧是float:left可以工作,但我不可能从你说过的那个小小的事情中知道。

您可能还需要将此伪造的类放入其中一个div:

:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}