在使用@media时,Div不会成为中心

时间:2015-03-13 23:26:49

标签: html css

我正在使用@media查询在窗口大小更改时调整网站内容。我目前有两个并排的div,当窗口低于900px时,我移动左边那个下方的那个。

我可以将底部div(Content-Right)放在一个没有任何问题的中心位置,但我似乎无法将顶部div(Content-Left)置于中心位置。我已经为我的html和css发布了jsfiddle的链接。

感谢任何帮助。

<b>JS FIDDLE BELOW</b>

http://jsfiddle.net/L0nzz8or/

2 个答案:

答案 0 :(得分:0)

我将假设顶部div表示在关于EGLT的部分的底部。我删除了宽度并使用了display:table。以下是更改:

    /* HOME & CONTACT PAGE STYLES */
.Content-Left {
    display:table;

    float: left;

    overflow: hidden;
}

答案 1 :(得分:0)

我有一个我在CSS中没有看到的类型。

.Content-left

应该是

.Content-Left

只是我忽略了那种类型 - 并且看不到它。