我的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

回答

相关问题