一个关于float的问题 求大神分析一下是什么问题

Darlyn 发布于 2012/08/08 09:08
阅读 174
收藏 0
我的html是这样写的

我的想法是 column1 column2 column3 三个列并排开来 他们的css如下:
  

我用chrome测试的 实际出来的效果是 只要column2加 width:180px column2就跑到column1底下了 我知道他是把column2的基准边当成浏览器的左边框了 但是 正常来说column2的左边不是应该以column1右边为基准么? 而且 chrome中column2的css中 float:left 的最侧显示叹号 貌似不让这么写 但是我在chrome代码编辑区 改成 float:left 就可以 而且能够正常显示 我实在搞不懂这到底是为什么 小女子是新手 所以还请各路大虾多多指教! 另外:在chrome中改好的css怎么保存?我把在浏览器中改好的代码 鼠标右键代码另存为 发现 html是改了 但是 css保存的是在浏览器里改之前的代码= =
加载中
0
Darlyn
Darlyn
left 拼成 letf了 = =
0
忆童
忆童

方法一:<div id="content">加上style="float:left"

方法二:

<div id="content">

.....

最后加一行,如下:

<div style="clear:both"></div>

</div>

Darlyn
Darlyn
嗯 谢O(∩_∩)O~
返回顶部
顶部