2016-10-20 152 views
2

所以我正在为一个朋友编写一个艺术网站杂志,而我的代码的一部分并没有摆脱我担心的一些边距/填充,可能是主体网站编码的一部分,所以这将是我需要手动覆盖的东西。 This is what I am working on.该日志皮肤。朝向底部的岩石应该与期刊的边缘齐平,但无论我尝试什么,他们都不会做我想要的。摆脱利润率?

这是编码我有这么远,这是不是有很多:

<div class="body"> 
    <div class="header"></div> 
     <div class="contentholder"></div><div class="rockfooter"></div> 
</div> 

除了:

.gr-body { 
background: url(http://orig14.deviantart.net/8b57/f/2016/279/f/5/frontpagebackground_by_wulfghast-dak5apt.jpg); 
background-size: 100%; 
background-repeat: no-repeat; 
background-color: #1c1119; 
color: #545454; } 

.header { 
background-image: url(http://s10.postimg.org/bvl7xjjbd/branchborder.png); 
background-position: top center; 
background-repeat: no-repeat; 
background-size: contain; 
margin-left: auto; 
margin-right: auto; 
margin-top: 20%; 
position: relative; 
z-index: 2; 
height: 873px; 
width: 74%; 
display: block; } 

.contentholder { 
width: 68%; 
margin-left: auto; 
margin-right: auto; 
margin-top: -800px; 
-moz-box-shadow: 0 0 20px 5px #0a0a0a; 
-webkit-box-shadow: 0 0 20px 5px #0a0a0a; 
box-shadow: 0 0 20px 5px #0a0a0a; 
background-color: #50463b; 
position: relative; 
z-index: 1; 
display: block; } 

.rockfooter { 
background: url(http://s17.postimg.org/is79jxd3z/footer3_by_wulfghast_dakd92b_1.png); 
height: 1000px; 
width: 100%; 
background-position: bottom; 
background-repeat: no-repeat; 
background-size: contain; 
margin-left: auto; 
margin-right: auto; 
margin-top: -985px; 
position: relative; 
z-index: 4; } 

.bottom { 
display: none; } 

回答

0

可以重置一般定义有:

* { 
    box-sizing: border-box; 
    margin: 0; 
    vertical-align: baseline; 
} 
1

在您分享的特定页面上,您的摇滚乐

<div class=body> 

是内部的

<div class=text> 

具有围绕它的填充。

看看你不能摆脱那个填充,它会使它与两侧齐平。

+0

这是真的......您可能想要添加解决方案“.text {padding:0px;}”您的答案为OP试试 – repzero

+0

看起来像那样工作!我甚至从来没有想过通过我的浏览器来检查它。谢谢! –

+0

没问题!永远记得通过浏览器首先检查,你会经常发现一些奇怪的事情,你没有想到! – Nol