在我的文档中,我在页面顶部有一个标题,宽度为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
}
答案 0 :(得分:1)
只需添加保证金左右&包装类的权利:
.wrapper {
margin-left:auto;
margin-right:auto;
width:90%;
text-align:justify
}