Question

如果您check my website使用浏览器Chrome浏览器，则可以看到名为.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

因为max-width;

，它不起作用

试试这个：

.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 max-width & margin auto fix

Answer 4

对于固定位置元素：

left: 0;
right: 0:
width: 100%;
margin: 0 auto;

Answer 5

对于绝对位置元素，您可以使用此

public void clickFromList(By element, String item) throws Exception{
try {
    List<WebElement> linkElements = driver.findElements(element);
    for (WebElement webElement : linkElements) {
        String eleText = webElement.getText();
        if(eleText.matches(item)) {
            System.out.println("Selected: " + eleText);
            webElement.click();
            System.out.println("Clicked: " + eleText);
            break;
        }
 else 
 {
 //in assert false method string comes first
 Assert.assertFalse("Element not found with the given text in list",false);
        }
    }
} catch (NoSuchElementException e) {
      Assert.fail("Can't find the element in the page. The element is: " +element);
}

保证金自动失败IE11

5 个答案: