Ilj*_*lja 2 html css html5 alignment css3
这个问题适用于这个网站
一切都很好,但由于某种原因,我的.contentdiv,给出一个css规则
margin-top: 50px;似乎没有这个边缘工作.我给有问题的div提供了明亮的黄色背景颜色,所以你可以看到它.
这是可能导致问题的元素的css代码.(不确定它也可能是其他元素.)
header {
background-color: #1d130e;
background-image: url("../img/header_bg.png");
background-repeat: no-repeat;
background-position: center;
width: 100%;
min-width: 1000px;
height: 100px;
margin-top: 50px;
border-top: 1px solid #0d0907;
border-bottom: 1px soid #0d0907;
box-shadow: 0px 0px 15px -1px #181513;
}
.content {
margin-top: 50px;
width: 1000px;
margin: 0 auto;
background: #eef496;
}
和页面的HTML:
<body>
<!-- Header -->
<header>
...
</header>
<!-- Header [END] -->
<!-- Content -->
<div class="content">
<!-- Slideshow -->
...
<!-- Slideshow [END] -->
</div>
<!-- Content [END] -->
<!-- Footer -->
<footer></footer>
<!-- Footer [END] -->
</body>
有了这条线,margin: 0 auto;你就会覆盖边缘顶级房产.试试这个:
.content {
margin: 0 auto;
margin-top: 50px;
width: 1000px;
background: #eef496;
}