Html 以更大的屏幕分辨率居中机身_Html_Css_Wordpress_Screen Resolution

Html 以更大的屏幕分辨率居中机身

html css wordpress

Html 以更大的屏幕分辨率居中机身,html,css,wordpress,screen-resolution,Html,Css,Wordpress,Screen Resolution,我在这里附上了网站图片的dropbox链接。。当前站点从左侧开始，而不是居中显示在屏幕上这是我的代码： CSS: 不要为主体设置宽度。相反，添加另一个包装器div并将该div的宽度设置为100%，最大宽度值为1440px，如下所示。如果您最终执行了其他可能导致页面在某些分辨率下超出正文边界的操作，则可以在正文中添加溢出选项，但这在这里不是必需的，因为粉色容器无论如何都不会超过其父容器（）的大小测验身体{ 填充：0px；边际：0px；溢出：隐藏； } 室外机{ 宽度：100%；保

我在这里附上了网站图片的dropbox链接。。当前站点从左侧开始，而不是居中显示在屏幕上

这是我的代码： CSS:

不要为主体设置宽度。相反，添加另一个包装器div并将该div的宽度设置为100%，最大宽度值为1440px，如下所示。如果您最终执行了其他可能导致页面在某些分辨率下超出正文边界的操作，则可以在正文中添加溢出选项，但这在这里不是必需的，因为粉色容器无论如何都不会超过其父容器（）的大小


测验
身体{
填充：0px；
边际：0px；
溢出：隐藏；
}
室外机{
宽度：100%；
保证金：0自动；
最大宽度：1440px；
字体系列：“源Sans-Pro”，无衬线；
背景色：#F3；
溢出：隐藏；
}
div.innerWrapper{
宽度：1000px；
身高：100%；
保证金：0自动；
}

body {
margin: 0 auto;
font-family: "Source Sans Pro",sans-serif;
background-color: #f3f3f3;
max-width: 1440px;
overflow-x: hidden;
}

.wrapper {
width: 1000px;
overflow: hidden;
height: 100%;
margin: 0 auto;
}

<html>
<head><title>Test</title>
<style>

body {
    padding:0px;
    margin: 0px;
    overflow: hidden;
    }

div.outerWrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    font-family: "Source Sans Pro",sans-serif;
    background-color: #f3f3f3;
    overflow: hidden;
}

div.innerWrapper {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}
</style>
</head>

<body>
<div class="outerWrapper" style="height: 400px;">
<div class="innerWrapper" style="height: 900%; background-color: red;"></div>
</div>

</body>
</html>