http://dev.goforadventure.com/?post_type=trips&p=108
您好,
请将浏览器拉得更近,直到您看到带有右侧小箭头的手风琴形式。
在标签集上方有一个带有特色背景图片的div(这是Wordpress)
当关闭选项卡时,该图像div的宽度取决于它上面的帖子标题/ h1所占的空间大小 - 如果我将该字体大小设置得更大,则图片会随之变大。
如果您打开第一个或最后一个标签,则其中包含大量文字 - 这也会导致更多照片显示。
我假设因为div有宽度:自动应用它,它没有显示那么多背景,因为手风琴中的内容默认是隐藏的。
任何想法都会欺骗图像div以便在那里考虑更多空间,以便图像和手风琴标签在关闭时会在整个浏览器中延伸?
非常感谢!
答案 0 :(得分:1)
如果删除包含图像的div上的width:auto
并将其设置为100%,您将注意到没有任何反应。然后我们查看该div的容器元素,即id="content"
和role="main"
div具有float:left
的容器元素。删除媒体查询中的浮动,它将根据需要显示。