调整浏览器窗口大小时,Div元素表现得很奇怪

时间:2013-09-11 22:20:08

标签: html css html5 html5boilerplate

我为网站制作了一个模板,问题是当我调整浏览器窗口的大小或我在手机或平板电脑上时,headfooterdiv.hero被“削减”。它是一个带有css重置的html5b模板,但没有响应。

这是HTML: (我也使用了这个HTML和我用过的CSS。如果你向右滚动,你将会看到我在说什么。http://jsfiddle.net/S77FC/2/但请记住那个{ {1}}不会出现在那里,以防“bug”在那里)

head

1 个答案:

答案 0 :(得分:1)

这些都是CSS问题。 宽度方面,标题(<div class="wrapper clearfix">...</div>)中有一个元素,其宽度为960px。 header,div.hero和footer的宽度将由浏览器窗口的宽度给出。因此,如果浏览器窗口的宽度小于960px,则会出现div.wrapper溢出,导致显示不需要的黄色部分。

你想要做的就是在你的身体元素上设置min-width: 960px;