保证金自动失败IE11

Question

如果您使用浏览器Chrome 检查我的网站,您可以看到div .bg-content的div如何正常使用此样式:

.bg-content {
    max-width: 605px;
    height: 149px;
    position: absolute;
    top: 62px;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

但是,如果您使用Internet Explorer 11打开我的网站,则div .bg-content不会居中,他会向左浮动.

我怎样才能解决这个问题？

Answer 1

它不起作用,因为最大宽度;

试试这个:

.bg-content {
    width: 605px;
    height: 149px;
    position: absolute;
    top: 62px;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

Answer 2

我总是用于Internet Explorer的黑客(虽然主要用于旧版本),是设置父容器text-align: center;和容器本身text-align: left;.

我看了一下你的网站,父容器似乎没有默认宽度.请尝试将其设置为开启width: 100%;.我在运行时环境中尝试过,它似乎工作.

Answer 3

你应该用

width: 100%;

在您的.bg-content元素中

示例： IE11最大宽度和边距自动修复