Css 如何使这个div比另一个div更向左浮动？

非常简单的提问时间：

我有两个div

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

你好

再见

#1向左浮动#2向左浮动。除了将HTML更改为将#2推到#1的左侧之外，我还能做什么？我知道使用绝对和相对定位的解决方案，但如果有一种更“动态”的方法（如浮动），那就太棒了

---

使用浮子：右和外部容器

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>

你好

再见

为什么不简单地将第一个div向右浮动

---

注意：ID不能以数字开头。 只需移除id为“1”的左侧浮动

#one{}
#two{float: left}

---

我假设float:right也是不可能的？所以您希望在不更改HTML的情况下执行它？我之所以这样问，是因为#2是我的左侧边栏，而#1是我的内容列。我希望它是浮动的，因为理想情况下，当你将浏览器调整到非常瘦的时候，边栏会弹出到我的内容栏下面。哈！这比我想象的要优雅得多。谢谢