html section左侧空白,header和section之间怎么有条空白

Document

*{

margin:0;

padding: 0;

}

header{background: #000;height: 3em;}

header >div{width:50%;margin:auto; }

header >div >img{float: left; display: block;margin-top: 0.4em;}

header>div >a{float:right;padding: 1em;color: #fff;text-decoration: none;}

/*banner*/

.banner{display: block;}

.banner img{z-index: 1;width: 100%;height: 31em;display: block;}

.banner h1{ position: absolute; top: 50%; left: 50%;color: #fff;}

.banner p{ position: absolute; top: 55%; left: 50%;color: #fff;    padding-top: 1em;}

1

2

3

4

内容

neirong