背景大小的变化取决于菜单的数量

时间:2012-09-12 09:23:24

标签: css menu

如何更改背景大小取决于菜单的数量。有没有使用JavaScript,jQuery的方法?我更喜欢不使用JavaScript,jQuery,但可以使用JavaScript,jQuery。请参阅下面的图片以获取说明。谢谢!

http://img138.imageshack.us/img138/6076/17049838.png

1 个答案:

答案 0 :(得分:0)

拥有一个带浮动集的容器div

  

浮动:左

并且子div使用float set

  

浮动:左

将使容器div自动缩小/扩展为子div的大小。这是一个显示这个解决方案的小提琴 http://jsfiddle.net/v9EVQ/

如果这对您不起作用,请显示您用于菜单的代码。

编辑:

如果您不想在col上使用宽度,则可以删除宽度,列将自动调整为内容的宽度

http://jsfiddle.net/v9EVQ/3/

在原始示例中,col将包含每列数据,因此第一个col将具有 动作/冒险,儿童/家庭,喜剧等 第二个col将包含 恐怖/惊悚,事实,音乐/舞蹈等