It avoids using float or position:absolute for purposes for which they were not intended.
It provides a simple way for beginners to produce side by side layouts in CSS without polluting their HTML with non-semantic tags.
Cons
It doesn't work in IE7 and earlier and so you either need to define a different layout for those browsers or mess around with floats or position:absolutes to produce CSS for those browsers which works equally well in other browsers anyway.
To create a colspan or rowspan effect requires nesting one table inside another.
It encourages people to build grid layouts rather than taking a more flexible approach.
如果您定义了最大和最小高度,除了不断担心新发布的内容在每种分辨率下是否看起来不错之外,没有太多缺点。并且仍然存在百分比舍入和重叠边距的问题...众所周知,Stubbornella 可以找到大多数问题的解决方案灵活布局带来的问题(请参阅演示页面),还有这个完美的 3 列液体布局 作者:Matthew James Taylor。
If you've defined maximum and minimum heights, there aren't many disadvantages other than the constant worry that if your new posted content will look good on every resolution. And there is still the problem of percentage rounding and overlapping margins... Stubbornella is known to find solutions to the most of the problems that come with flexible layouts (see the demo page) and also there is this The Perfect 3 Column Liquid Layout by Matthew James Taylor.
发布评论
评论(3)
关于这个主题的好文章值得一读。
固定布局、流体布局、弹性布局
Good article to read on this topic.
Fixed Vs Fluid Vs Elastic layouts
优点
缺点
Pros
Cons
如果您定义了最大和最小高度,除了不断担心新发布的内容在每种分辨率下是否看起来不错之外,没有太多缺点。并且仍然存在百分比舍入和重叠边距的问题...众所周知,Stubbornella 可以找到大多数问题的解决方案灵活布局带来的问题(请参阅演示页面),还有这个完美的 3 列液体布局 作者:Matthew James Taylor。
If you've defined maximum and minimum heights, there aren't many disadvantages other than the constant worry that if your new posted content will look good on every resolution. And there is still the problem of percentage rounding and overlapping margins... Stubbornella is known to find solutions to the most of the problems that come with flexible layouts (see the demo page) and also there is this The Perfect 3 Column Liquid Layout by Matthew James Taylor.