【问题标题】:Responsive Design - Hidden accordion tab widths响应式设计 - 隐藏的手风琴标签宽度
【发布时间】:2013-07-07 12:00:27
【问题描述】:

http://dev.goforadventure.com/?post_type=trips&p=108

你好,

请将浏览器挤得更紧,直到您看到带有右侧小箭头的手风琴表单。

标签集上方有一个带有特色背景图片的 div(这是 Wordpress)

当标签关闭时,该图像div的宽度取决于帖子标题/ h1上方的空间程度 - 如果我使这个字体大小更大,那么图片将随着它的速度而略大。

如果您打开第一个或最后一个选项卡,其中会包含大量文本 - 这也会导致显示更多照片。

我假设因为 div 应用了 width:auto,所以它没有显示太多背景,因为默认情况下手风琴中的内容是隐藏的。

有什么办法可以让图像 div 认为那里有更多空间,这样图像和手风琴选项卡就会在关闭时横跨整个浏览器?

非常感谢!

【问题讨论】:

    标签: php html css wordpress responsive-design


    【解决方案1】:

    如果您删除包含图像的 div 上的 width:auto 并将其设置为 100%,您会发现没有任何反应。然后我们查看那个 div 的容器元素,那个有id="content"role="main" 的那个div 有float:left。删除媒体查询中的浮动,它会按您的意愿显示。

    【讨论】:

      猜你喜欢
      • 2020-11-30
      • 1970-01-01
      • 2016-04-09
      • 1970-01-01
      • 2013-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多