移動主體向下頁

我想將我的頁面上的所有內容向下移動..我已經包含'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作鬥爭是導致混亂的原因。 –

移動主體向下頁

回答

相關問題