Хромовая ошибка: отступ от края до края браузера? - PullRequest
6 голосов
/ 18 мая 2011

Я не уверен, является ли это ошибкой в ​​Google Chrome или это нужно, но меня это действительно раздражает: если я получил что-то вроде

<body><div style="margin-bottom: 50px;">much content</div></body>

, Chrome не отображает поля.div просто заканчивается у нижнего края браузера.Буквально любой другой браузер отображает это правильно.

Ответы [ 4 ]

3 голосов
/ 09 июля 2013

Оберните весь ваш сайт (или только область с полем, которое вы хотите захватить) в

<div style="overflow:auto;"></div>

Если настройка отступов вам не подходит, попробуйте описанное выше.Я не хотел устанавливать отступы, потому что поле в нижней части ящиков - это мой стандартный способ освободить место для следующего ящика, когда данные динамические, и я не знаю, будет ли он один.

Поля не будут «просвечивать» поле с указанным переполнением, поэтому это устраняет проблему в Chrome, позволяя этому последнему блоку иметь поле внутри нового переполнения: auto div.

Это изменение не имеет значения для других браузеровкоторые блокировали этот край кровотечения в любом случае.Я проверил в IE 8 и выше на регрессии на этой стороне и не нашел ни одного.

2 голосов
/ 08 декабря 2011

В Google Chrome {padding-bottom: XXpx;} не работает, но {padding-bottom: XXem;} работает.

Обратите внимание, что первый использует пиксели, а второй - ems.

2 голосов
/ 18 мая 2011

добавьте padding-bottom к элементу, содержащему ваш div, даже если это элемент body. Это работает во всех браузерах, поэтому вам придется удалить нижнее поле из div.

0 голосов
/ 03 мая 2013

Директивы css padding и margin отлично работают в IE, но не в Chrome.Chrome просто игнорирует их, если они помещены в файл .css.Чтобы решить эту проблему, поместите все инструкции padding и margin в отдельный файл в тегах

...