当前位置:  开发笔记 > 前端 > 正文

CSS:三列布局问题

如何解决《CSS:三列布局问题》经验,为你挑选了1个好方法。

我该如何修改:

left
middle
right

所以"右"与"左"垂直排列?

这是我的坏css看起来像渲染:

left                 middle
                                            right

谢谢!



1> bobince..:

如果您使用'float:right',请将其作为第一件事:

right
left
middle

否则它总是落入下一个文本行.

但为什么!!!!!

(1)因为一旦你开始在一条线上放置静态文本,你就会有一个不确定的宽度来适应浮动元素.说你写道:

abc abc abc 
xyz xyz
abc abc abc

现在假设您开始调整窗口的大小,以便"abc abc abc"恰好适合第一行.现在你遇到一个浮点数,并尝试将它包含在你所在的线上.但它不合适:为了适应它,你必须在线上有"abc xyz xyz",将剩余的"abc"回到下一行.但!现在你已经将浮动的插入点向下移动了一条线,因此浮动也必须下降一条直线.但!现在第一行没有正确包装,因为有三个"abc"的空间,但该行已经过早结束,以便为实际发生在页面下方的浮动让路...

CSS标准通过在等待下一行之前在具有内联文本的行上创建浮点来解决这种逻辑僵局.

(2)因为这就是Netscape 多年前做过的事情.

推荐阅读
linjiabin43
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有