html - 当屏幕尺寸低于 1180 像素时，CSS 响应式设计页脚占用整个空间

Question

一旦我将屏幕尺寸减小到 1180 px 宽度以下，就会出现奇怪的问题，并且在页眉之后，厚黑色页脚线（如检查元素中所示）出现在幻灯片上方。当我查看检查元素时，标题和其他正文元素显示高度为“0”。任何人都可以指导我这里有什么问题。屏幕尺寸超过 1180 像素时一切正常

这是我遇到这些问题的网站：http: //goo.gl/8c1gW2

Answer 1

:) :)

基本上有一个#headerwrap{position:relative; margin-bottom:30px;padding-bottom: 20px; min-height: 70px; float: left;}

在 css 名称irms_default.css?ver=3.6.1

这是css的一部分

@media screen and (min-width:0px) and (max-width:1180px){
body{/*overflow:hidden;*/text-align:center;}
.aq_block_faq, .testimonial-texts, .aq-posts-block {text-align:left;}
.testimonial-description {background:#000000;}
.breadcrumb-info{display:inline-block; float:none;}
/*footer*/
#footer{top:20px;}
.footer_widget1{margin-top: 30px; }
.twitterlink,.facebooklink,.vimeo,.dribble,.emaillink{float:none; padding:13px;}
.footer_widget .widgett{margin:5px auto 15px auto !important; padding:0;}
#footerb .copyright{padding-top:0px; margin-top:-4px;width:95% !important; text-align:left !important;}
.footer_widget .widget_search form div {padding:0;}
.socialfooter .socialcategory{width:225px; float:none; margin:0 auto; display: inline-block;}
.footer_widget .category_posts .widgett, .footer_widget .recent_posts .widgett{float:none;}

/*menu + header*/
#headerwrap{position:relative; margin-bottom:30px;padding-bottom: 20px; min-height: 70px; float: left;}
#logo {width:100%;float:left;position:relative; }

如果您可以编辑它，那很好。否则给内联 css #headerwrap asstyle="margin:0px"和测试 :) 让我知道结果 :)