一些奇怪的布局只使用不同高度的ul / li元素

时间:2013-07-19 12:57:42

标签: html css

是否可以使用ul / li元素创建以下布局(我的意思是使用一些常规方法,没有一些奇怪的黑客攻击)?

enter image description here

红色的所有元素都具有相同的宽度。

为什么我要使用ul / li元素?

整个页面上都有ul / li元素,用于非常相似的布局,但所有项目都是相同的widtha和height。因此,单独的li元素已存在样式(它具有一些特定的背景,每个li中都有一些元素,其样式已被定义为li的子元素等)。所以这就是我问这个的原因。 commenst的一个好处是我可以使用类来实现相同的风格。我会为此更新css。

如果我不能使用ul / li,那么实现这种布局的最佳方法是什么?

1 个答案:

答案 0 :(得分:5)

jsFiddle 中<{1}}和li的工作示例

enter image description here