Горизонтальная полоса прокрутки в ie-11 благодаря свойству css transform translate - PullRequest
Новая
       11

Горизонтальная полоса прокрутки в ie-11 благодаря свойству css transform translate

0 голосов
/ 06 июня 2018

Когда я использую этот CSS, чтобы сделать центр элемента в контейнере, тогда все в порядке, кроме-11.В ie-11 горизонтальная прокрутка внизу страницы.Когда я удаляю ширину: 100% от этой CSS, прокрутка удаляет, но мне нужна эта ширина.Вы можете увидеть проблему на этой странице http://www.azayabeachresortgoa.com/wellness/

.box_center {
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        z-index: 100;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        width: 100%;
    }

1 Ответ

0 голосов
/ 06 июня 2018

На самом деле вы можете удалить большую часть этого материала и в конечном итоге получить аналогичное позиционирование, см. this screenshot

Если вы не хотите, чтобы вернуться к этому (я предлагаю вам сделать)Вы можете просто добавить: 

body { overflow-x: hidden; }

Или добавить overflow: hidden к одному из ближайших родственников .box_center.

...