创建div,该div有一个大行,然后在大行旁边创建3行



我正在创建一个网站,我想使用流体网格。我并不觉得有什么不好,但当我试图创建一个div行,它有一个占页面一定百分比的主图像,然后有三个div与旁边的一个div占据相同的高度时,我遇到了问题。当我做相反的操作时,我也会遇到问题,因为div在左边有两个部分,然后在右边有一个很大的部分,它构成了这两个部分。我知道如何做有两行或三行的div,但把行放在它旁边会给我带来麻烦。任何建议都将不胜感激!!!

不确定我是否正确理解你的问题。是否要水平排列四个不同宽度的div?如果是,请尝试将div s包装在具有固定高度的容器中,并将子div s的float-标记设置为left,将其height设置为100%。

EDIT:如果你想让容器的高度由大行的图像大小决定,那么省略父div的css中的height-标记。

这将有助于水平排列div

类似的东西:

http://jsfiddle.net/jyy24/1/

这能回答你的问题吗?

最新更新