引導使其中心div來包含網站

我接近我的網站完成http://csgoshack.com/shop/引導使其中心div來包含網站

我需要做的一兩件事，這是把一個白框在屏幕的中心，所以我能看到現場。

我試圖通過在背景圖片上添加一個白色框來實現這一功能，但這並不奏效。

我該怎麼做呢？

.whitebg { 
width: 1250px; 
padding: 10px; 
border: 1px solid black; 
margin: 0; 
background-color:#ffffff; 
margin:auto; 
position: absolute-center; 
top:0; 
}

來源

2015-02-11 Keillen Hayes

add .container {background-color：#fff;} – 2015-02-11 23:20:04

首先，你需要使用CSS設計你的盒子，並呼籲它使用HTML。

HTML：

<div class="body-content">Insert Lists, Text, and other body content here</div>

CSS：

.body-content { 
    width:80%; 
    height:80%; 
    top:10%; 
    position:absolute; 
    background-color: white; 
    margin-left:auto; 
    margin-right:auto; 
}

調整寬度，高度，位置和顏色根據您的要求。我不會更改左側和右側的空白，因爲將div中心放在主體（除非您不希望它完全居中）。

希望這有助於！在您的主要CSS樣式表下加入

來源

2015-02-11 23:19:21

你好，我已經用了很多東西來改變一些東西：http://csgoshack.com/shop/index.php?page = cats＆id = 18 我會如何讓白色盒子的頂部符合導航條，我將如何製作導航條總是觸及頁面的底部！另外我怎麼會使背景，所以我不看到連接時，我滾動，它保持靜態？非常感謝shaun。 – 2015-02-11 23:32:31

使用'top：0;'調整它離頂部的距離，並調整高度以匹配它。位置設置爲絕對意味着它在滾動時不保持靜態，它會移動。 – 2015-02-11 23:35:44

我已經改變了最高位，它似乎不想移動div。參見編輯。 – 2015-02-11 23:38:54

引導使其中心div來包含網站

回答

相關問題