嘿家伙我建立我的第一个网站，我无法弄清楚如何摆脱右侧多余的空间，这将带来水平滚动条。该网站是http://qtsocial.com/accounts/login/ ...如果你可以看看CSS并给我一个线索，我会非常感激。谢谢！标题将不会跨越整个页面/额外的空间在右边

body { 
    background: url(http://qtsocial.com/static/images/body-bkg.png) repeat scroll; 
    margin: 0; 
    padding: 0; 
} 

.container { 
    margin: 0pt auto; 
    width: 100%; 
} 

#header { 
    background: url(http://qtsocial.com/static/images/hdr-bkg.png); 
    background-repeat: repeat-x; 
    height: 181px; 
    position: absolute; 
    z-index: 100; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
} 

#logo { 
    background-image: url(http://qtsocial.com/static/images/QTlogo.png); 
    background-repeat: no-repeat; 
    height: 88px; 
    position: absolute; 
    top: 40px; 
    left: 25px; 
    width: 100%; 
} 

#navigation{ 
    height:40px; 
    z-index: -1; 
}

2012-02-19 milktrey

您有logo设置为100％宽度的ID的DIV（这是设置它到页面宽度），然后你缩进25px。将login.css的第25行上的#logo的宽度更改为您正在使用的背景图像的宽度（299px）。

来源

2012-02-19 02:51:26 mikos

标志太宽

内#logo变化width: 100%;到width: 299px;（图像的实际宽度）

来源

2012-02-19 02:50:56

您的标志div是什么造成它。

它是宽度的100％，但不包括其左侧的25像素，因此它在窗口右侧溢出25像素。

将徽标div的宽度更改为徽标图像的宽度，并且不会溢出到右侧。

来源

2012-02-19 02:51:44 xthexder

填充不会影响'背景图像' – 2012-02-19 02:54:08

意识到我张贴后30秒，然后修复它。 – xthexder 2012-02-19 02:57:19

标题将不会跨越整个页面/额外的空间在右边

回答

标志太宽

相关问题