除内容外,调整标题大小

时间:2013-06-01 19:35:32

标签: html css

在我的文档中,我在页面顶部有一个标题,宽度为3000像素,用于不同缩放的显示器,以及标题下方的媒体。 我希望body保持对用户页面的灵活性,同时每次都提供相同的内容(动态静态设计)。所以,我已经为每个屏幕调整了适当大小的标题大小,但我仍然需要其余内容为90%。

问题在于,如果我给body没有宽度,并且我将包含标题的所有内容放在使用width:90%设置的包装内,我会收到更多正确的填充。

在这里查看JSFiddle:http://jsfiddle.net/33bqj/3/

简而言之:我希望所有内容但是标题的宽度为90%,但在包装器下方的内容周围添加包装器无法正常运行。如何将其置于中心位置,其功能类似于body { width: 90% }? CSS:

@charset "UTF-8";
header {
    padding:0 20px;
    min-width:950px;
    min-height:115px;
    background:#FF6083 url(http://i.imgur.com/qsH5lTA.png) no-repeat center top;
}

.wrapper { 
    width:90%; 
    text-align:justify
}

1 个答案:

答案 0 :(得分:1)

只需添加保证金左右&包装类的权利:

.wrapper { 
    margin-left:auto;
    margin-right:auto;
    width:90%; 
    text-align:justify
}