【问题标题】:Push down the rest of the page when form drops down表单下拉时向下推页面的其余部分
【发布时间】:2012-06-28 07:37:04
【问题描述】:

当我点击应该下拉表单的标题按钮时,如何下推页面内容?

【问题讨论】:

  • 你能说得更具体一点,或者举个例子,或者最好是一个小提琴吗?你的问题有点模棱两可。
  • 您当前的代码是什么样的?当您尝试自己实现此功能时,它怎么没有达到您的预期?
  • 我现在拥有的内容会滑过下面的内容......我正在使用 twitter bootstrap 的搜索表单......

标签: html css css-float


【解决方案1】:

如果我理解正确,你可以这样做:http://jsfiddle.net/9rCcn/

【讨论】:

  • 我基本上和你有相同的代码......但是当我点击链接时,它会在下面的内容上下拉表格。我不知道它是否与 twitter bootstrap 有关,因为我使用的是它的默认搜索表单。
【解决方案2】:

如果你的 DOM 位置很好,它应该会自动下推。 请检查您的内容的浮动样式,以确保它们处于相同的浮动级别;然后将 overlow:auto 添加到您刚刚下拉的 from 中,以确保表单的容器达到其内容的高度。它应该可以正常工作。

【讨论】:

  • 嗨 Peng,你说的 DOM 定位好是什么意思?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-03-06
  • 1970-01-01
相关资源
最近更新 更多