博客

我是HTML和CSS的新手。所以，我有宽度100％的问题。它似乎超越了浏览器的边界。请看下面的例子！我应该减少每分钱的宽度还是我的代码中有一些可能导致这种情况的缺陷？

我在这里发现了一些关于宽度100％的其他帖子，但他们都没有真正帮助我。这是我做的例子：http://jsfiddle.net/gj53jbz9/

body{

font-size: 15px;

margin: 0px;

background-color: lightgrey; }

#header{

padding: 30px;

width: 100%;

height: 250px;

background-color: grey; }

#name{

padding: 5px;

font-size: 25px;

float: left; }

#navbar{

float: right;

text-align: right; }

#navbar a{

background-color: black;

display: inline-block;

width: 120px;

text-align: center;

padding: 10px 0px;

text-decoration: none;

color: lightgrey; }

#title{

clear: both;

text-align: center;

padding-top: 100px;

font-size: 45px; }

#content{

text-align: center;

width: 80%;

margin: 0px auto; }