无法水平对齐div

Question

我正在添加一些新的功能到这个网站的这里，并增加了一个饼干通知。

如您所见，这是当前在页面底部。

现在，我希望这个只有1500 to左右宽，整个通知中心。我尝试了大量的技术来实现这一点，但它似乎集中在左边，这可能是因为实时聊天窗口。我不太清楚为什么会发生这种事，也不知道我怎么能绕过这件事。

这是我尝试过的最新代码

#cookie-notice.cn-bottom.wp-default {
color: #fff;
font-family: lato;
font-style: normal;
height: 80px;
font-size: 16px;
background-color: #406639 !important;
/* display: block; */
display: block;
margin-left: auto;
margin-right: auto;
/* width: 50%; */

我试图实现的另一件事是，当将cookies的选项放在插件的顶部时，这与已经存在的绿色顶部导航重叠。我尝试过使用position:relative、position:absolute和其他CSS来尝试使它浮在页面的顶部，而不是重叠任何东西。所以命令如下

• 曲奇通知
• 绿色顶杆
• NAV-BAR

然后，当饼干被同意的时候，通知就会消失，绿色的顶部条就会在顶部。当尝试这一点时，cookies注意事项和绿色顶部栏只是重叠。

Answer 1

从#cookie-notice div中移除高度并添加顶部/底部填充将是解决此问题的更好方法。试试这段代码。

#cookie-notice.cn-bottom.wp-default {
    color: #fff;
    font-family: lato;
    font-style: normal;
    font-size: 16px;
    background-color: #406639 !important;
    display: block;
    padding: 20px 0;
}