DIV с переполнением: авто и таблица шириной 100%
df = pd.DataFrame({'A': 'foo bar foo bar foo bar foo foo'.split(),
'B': 'one one two three two two one three'.split(),
'C': np.arange(8), 'D': np.arange(8) * 2})
df[df['A']=='foo']
OUTPUT:
A B C D
0 foo one 0 0
2 foo two 2 4
4 foo two 4 8
6 foo one 6 12
7 foo three 7 14
7 ответов
Изменение:
overflow: auto;
к:
overflow-y:hidden;
overflow-x:auto;
-
1Жаль @Atma, существует другое намного более легкое решение, которое user3719695 отправил в июне. – user717452 25 July 2014 в 18:38
Это похоже на него, должен решить Вашу проблему, пока Вы не соединены для создания условий операторов. переполнение IE Фиксации
-
1Для iOS 10 .use это
self.dashboardTabBar.unselectedItemTintColor = UIColor.black– LC 웃 1 December 2016 в 15:48
К сожалению, это - причуда IE. Нет никакого способа использовать чистый XHTML и CSS, чтобы заставить его работать то же Firefox.
Вы могли сделать это с помощью JavaScript, чтобы обнаружить размер окна и установить ширину таблицы динамично. Я могу добавить больше детали об этом, если Вы действительно хотели пойти тем путем.
-
1Это не работает в iOS 7. Here' s другое решение , которое работало на меня. – Liam 21 May 2014 в 09:21
Хорошо, этот заполонял меня в течение долгого времени. Я сделал слишком много проектов, которые имеют дополнительное дополнение справа, допуская IES полное игнорирование их собственной полосы прокрутки.
ответ: вложенное множество два отделения, дайте им обоим hasLayout, установите внутренний для переполнения.
<!-- zoom: 1 is a proprietary IE property. It doesn't really do anything here, except give hasLayout -->
<div style="zoom: 1;">
<div style="zoom: 1; overflow: auto">
<table style="width: 100%"...
...
</table>
</div>
</div>
http://www.satzansatz.de/cssd/onhavinglayout.html
Идет туда для чтения больше о наличии расположения
-
1
У меня была проблема с чрезмерной горизонтальной полосой в IE7. Я использовал решение D Carter, немного измененное
<div style="zoom: 1; overflow: auto;">
<div id="myDiv" style="zoom: 1;">
<table style="width: 100%"...
...
</table>
</div>
</div>
Для работы в браузере IE меньше 7 вам нужно добавить:
<!--[if lt IE 7]><style> #myDiv { overflow: auto; } </style><![endif]-->
Решение Эрана Гальперина не учитывает тот факт, что простое отключение горизонтальной прокрутки по-прежнему позволяет таблице перекрывать вертикальную полосу прокрутки. Я предполагаю, что это связано с тем, что IE вычисляет значение «100%» перед тем, как решить, что ему нужна вертикальная полоса прокрутки, а затем не может повторно отрегулировать оставшееся доступное горизонтальное пространство.
Решение cetnar выше, тем не менее:
<div style="zoom: 1; overflow: auto;">
<div id="myDiv" style="zoom: 1;">
<table style="width: 100%">
...
</table>
</div>
</div>
] Это правильно работает в IE6 и 7 в моих тестах. Насколько я могу судить, "" взлом "" в IE6 не нужен.