移动主体向下页

我想将我的页面上的所有内容向下移动..我已经包含'padding-top：50px'在身体标记，它将所有的内容移动下来..好吧。现在我想在新创建的50px空间中放置内容。但没有出现或被切断，因为我猜它是页面的界限？移动主体向下页

我也做了一个包装div，并把所有的页面内容放在那里，并把它移下来，但我仍然得到相同的效果，没有看到任何东西在新创建的空间。它反应相同。

有什么建议吗？

感谢

<style> 
#body{ 
padding-top: 50px; 
} 

#cookieText{ 
z-index:10000; 
position:absolute; 
top:-30px; 
left:327px; 
width:270px; 
font-family:Arial, sans serif; 
font-size:9px; 
color:#313131; 
line-height:12px; 
padding:5px 60px 5px 40px; 
border-radius: 2px; 
background-color:#efeff0; 
border: 1px solid #bec2c3; 
} 
#cookieBtn{ 
position:absolute; 
top:5px; 
right:10px; 
font-family:Arial, sans serif; 
font-size:10px; 
color:#fff; 
line-height:12px; 
padding:5px 5px 5px 5px; 
border-radius: 5px; 
background-color:#83878f; 
border: 1px solid #7c8089; 
cursor: pointer; 
} 
</style> 

<div id="cookieText"> 
By installing blah blah blah 
<div id="cookieBtn"><b>Got It!</b></div> 
</div> 

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

<script> 
$("#cookieBtn").click(function(){ 
$("#cookieText").stop().animate({"top": "-100px"}, 200); 
}); 
$("#cookieBtn").click(function(){ 
$("#body").stop().animate({"top": "-50px"}, 200); 
}); 
</script>

来源

2016-01-27 scott.schaffer

你能否提供一些你当前使用的代码？ –

如果要将内容放在页面的顶部50像素中，则可能应该在页面的开头添加一个50像素高的元素，而不是将“”填充50像素。 –

不确定你在做什么？你是通过jQuery追加内容还是你如何添加新的内容？ – Aaron

你不应该使用的填充倒推“身体”你的页面。相反，除了身体内的内容之外的另一个块。

<body> 
    <div class="someHeader">fooheader</div> 
    <div class="someContent">foocontent</div> 
</body>

然后在你的CSS指定

.someHeader { 
    height: 50px; 
}

来源

2016-01-27 17:43:00

对不起，即时通讯使用专有的cms作为我的工作，并且我没有能力添加它。这可能是我的问题的全部原因。我可以让页面使用CSS向下移动，而不会看到任何我放入该空间的内容。谢谢你的答案。 –

您可以将它放在HTML代码的样式标签中。 –

由于我与CMS的奇怪的情况，即时试图添加'someHeader'，你建议使用一些jquery（insertBefore（））来插入div是我不能改变的cms的一部分的包装之前..对不起这听起来很混乱......我认为我与cms作斗争是导致混乱的原因。 –

移动主体向下页

回答

相关问题