html - 如何自动调整元素的高度

标签 html css

我有一个由三个 div ( http://jsfiddle.net/herrturtur/Mem6u/) 组成的设计,通过 display: inline-block 并排放置,但由于某种原因,最后一个 div 出现在页面中间。

如果可能,我想将三个 div 并排显示,开关 div 的高度会自动调整为包含选择元素的 div 的高度。

最佳答案

开关的作用是什么?您可以使用 float 方法来解决这个问题,并在战略上放置“清除”..

如果您可以选择使用 JQuery,那么有一个名为 accordion(或 accordian,因为有一对)的方便工具可以相对轻松地执行您想要的操作。您是否已经开发了执行实际切换的代码?

更新: 我认为这与您想要做的类似..让我知道

使用此代码的工作 url: http://home.comcast.net/~elkins35/test.html

只需查看源代码即可查看对您使用的代码所做的编辑

关于html - 如何自动调整元素的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8861481/

相关文章:

html - 没有javascript的下拉菜单

html - 如何垂直对齐图标字体的文本?

html - 非矩形图像叠加

html - Css -webkit-backface-visibility 在旋转的 div 上显示白点

css - 如何将 `diff`文件创建一个 "common"文件?

html - 在单击检查元素之前,页面主要内容不会显示在 Chrome 上

html - 如何更改选择框箭头

javascript - mithril hello world MVC 示例不起作用

javascript - jquery 的 html5 视频上的 iOS "done"回调按钮

html - 嵌套固定位置