Question

我需要整个页面的宽度为1200px，但是我必须做错了，因为当我说html为1200px（调用html或正文）时，chrome web开发工具总是说1300 px的右边距较大？我一直在浏览类似的文章，并添加了更多可以帮助其他人的代码，但对于我来说仍然存在。我在做什么错了？

html,body
{
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 1200px;
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/Montserrat-Regular.ttf') format('opentype');
    font-family: Montserrat-Bold;
    src: url('../fonts/Montserrat-Bold.ttf') format('opentype');
}

body{
    font-family: 'Montserrat-Regular', sans-serif;
    margin: 0;
    width: 100%;

}

/*GRID*/

.full-width{
    width: 100%;
    clear: both;
    padding-left: 20px;
}

.half-width{
    width:50%;
    float: left;
}

.third-width{
    width:33%;
    float:left;
}

/*HEADER*/
header{
    border-bottom: 6px #77a466;
}

ul{
    color:#77a466;
    list-style-type: none;
 }

nav{
    float:right;
    padding-top: 25px;
 }

nav ul li{
    display:inline;
    text-transform: uppercase;
    font-family:'Montserrat-Bold', sans serif;
    padding: 0 8px 0 8px;
 }

 h1{
    line-height: 60px;
 }

h1, h2, h3{
    font-family: 'Montserrat-Bold', sans-serif;
    text-transform: uppercase;
}
span{
    color: #77a466;
}

/*MAIN*/
 img{
    background-size: cover;
    height: 290px;
    width: 1200px;

 }

Answer 1

尝试将* { box-sizing: border-box }添加到CSS中。我也同意Lux的观点，如果您创建一个实时示例，那么帮助您提出解决方案会容易得多。

无法删除右手边距

1 个答案: