将div放在div中而不影响布局

时间:2011-02-26 01:26:34

标签: css css-float

我有一个divdiv1),其位置,宽度,高度,所有设置都已设置,并且是在外部设置的,因此我无法提前知道这些值是什么

div1的内部和顶部是另一个divdiv2)。我希望div2浮动在div1的右侧,而不会影响div1中的以下信息。

我可以添加属性position:absolute并让div2浮动而不影响内容,但是,即使应用float:right,我也无法让它浮动在右侧。< / p>

4 个答案:

答案 0 :(得分:7)

如果我理解正确:

首先,将position: relative应用于div1

如果float: right上同时包含position: absolutediv2,它将“无效”,您应该将float: right规则替换为right: 0

答案 1 :(得分:3)

试试这个:

position: absolute;
right: 0;
top: 0;

答案 2 :(得分:1)

只是相对定位?

<div style="height:300px;width:300px;position:relative;background-color:red">
  <div style="height:100px;width:100px;position:relative;float:right;background-color:yellow">
</div>

答案 3 :(得分:0)

您是否尝试将div1的其他内容放入另一个div中,然后在div上设置指定的宽度,同时在div2上保持float:right。听起来像侧边栏风格。