我的CSS是不同的屏幕上不同 - 不能中心div

你好，我正在一個網站，我不能集中我的主電腦的屏幕上div沒有它搞亂我的小筆記本電腦。我使用的百分比，但似乎並沒有幫助我將附上2張不同的圖片和我的CSS。先謝謝你。我的CSS是不同的屏幕上不同 - 不能中心div

CSS

body { 
    background-color: black; 
} 

.box { 
    position: absolute; 
    border-radius: 5%; 
    width: 8%; 
    height: 4%; 
    margin: 5%; 
    background-color: #888888; 
    border-style: solid; 
    border-width: medium; 
    border-color: orange; 
} 

.Forum-Block { 
    position: absolute; 
    border-radius: 5%; 
    left: 10%; 
    top: 0%; 
    width: 70%; 
    height: 140%; 
    margin: 5%; 
    background-color: #888888; 
    border-style: solid; 
    border-width: medium; 
    border-color: orange; 
} 

.Top-Bar { 
    position: absolute; 
    height: 30px; 
    width: 60%; 
    top: 8%; 
    left: 10%; 
} 

.Back-Box { 
    float: right; 
    padding: 3%; 
    color: white; 
    background-color: black; 
} 

.FriendsB-Box { 
    float: right; 
    padding: 3%; 
    color: white; 
    background-color: black; 
} 

.RequestsB-Box { 
    float: right; 
    padding: 3%; 
    color: white; 
    background-color: black; 
} 

.SentRequestsB-Box { 
    float: right; 
    padding: 3%; 
    color: white; 
    background-color: black; 
} 

.SendRequestB-Box { 
    float: right; 
    padding: 3%; 
    color: white; 
    background-color: black; 
} 

.PendingRequestsB-Box { 
    float: right; 
    padding: 3%; 
    color: white; 
    background-color: black; 
} 

.Back-Box:hover { 
    background-color: #262626; 
} 

.FriendsB-Box:hover { 
    background-color: #262626; 
} 

.RequestsB-Box:hover { 
    background-color: #262626; 
} 

.SentRequestsB-Box:hover { 
    background-color: #262626; 
} 

.SendRequestB-Box:hover { 
    background-color: #262626; 
} 

.PendingRequestsB-Box:hover { 
    background-color: #262626; 
}

來源

2015-11-20 Marcus Mardis

可能的重複[水平居中在一個div中的div]（http://stackoverflow.com/questions/114543/horizontally-center-a-div-in-a-div） – m69

添加相關的HTML將是非常這裏有幫助。 – Shikkediel

你需要創建一個CSS這種風格來實現差異化的16英寸筆記本電腦爲10％的例子。

@media screen and (min-width: 900px) { 
    body { 
     background-color: lightgreen; 
    } 
} 

@media screen and (max-width: 901px) { 
    body { 
     background-color: blue; 
    } 
}

來源

2015-11-20 02:37:47

因爲它根據屏幕大小改變div的位置，所以如果它位於位置，你不能居中。

添加Html代碼與你的問題是更好地解決問題。

來源

2015-11-20 05:02:21

我的CSS是不同的屏幕上不同 - 不能中心div

回答

相關問題