如何使这个div比其他div更向左浮动?

时间:2011-07-18 23:03:18

标签: css html css-float

非常简单的提问时间:

我有两个div。

<div id="1">
  <p>hello</p>
</div>
<div id="2">
  <p>goodbye</p>
</div> 

#1向左浮动。 #2浮动到左侧。我能做什么,除了改变HTML以将#2推到#1的左边?我知道使用绝对和相对定位的解决方案,但如果有一种方法可以采用更“动态”的方式(如浮动),那将是超级的

This be wat i want

3 个答案:

答案 0 :(得分:2)

使用 float:right 和外部容器

<强> CSS

 #outside { float: left }
 #a { float:right }
 #b { float:right }

<强> HTML:

 <div id="outside">
   <div id="a">
     <p>hello</p>
   </div>
   <div id="b">
     <p>goodbye</p>
   </div> 
 </div>

答案 1 :(得分:1)

你为什么不简单地漂浮在第一个div?

http://jsfiddle.net/notme/2w4Ch/

答案 2 :(得分:0)

注意:ID不能以数字开头。 只需删除id为'one'的剩余浮动

#one{}
#two{float: left}