У меня есть div, установленный на ширину 60%. Я хочу, чтобы в нем был вложен еще один div значительно большей ширины (большая часть которого не будет отображаться). Тем не менее, всякий раз, когда у меня есть дочерний div, размер его увеличивается выше, чем у родителя, родитель расширяется до большего размера, хотя его overflow-x установлен в hidden. Что я могу сделать, чтобы исправить это?Force div не для расширения

#parent{ 
    overflow-y: hidden; 
    overflow-x: hidden; 
    max-width:60%; 
    width:60%; 
    display:table-cell; 
    border-radius:5px; 
    background:#444; 
    border-width:10px; 
    color:lightgray; 
    height:100%; 
    padding:1em; 
    vertical-align:top; 
} 
#child{ 
    width:2000px; 
    height:100%; 
}

Fiddle ссылка: http://jsfiddle.net/kgsD7/

источник

2013-07-24 Jakob Weisblat

Вы имеете в виду 'overflow-x'? покажите свои коды. – Raptor

есть. В настоящее время добавляется мой css. –

Это может быть полезно: [Переполнение Div с помощью display table-cell] (http://stackoverflow.com/questions/13233959/div-overflow-with-display-table-cell) – showdev

Проблема заключается в display:table-cell;

Удалить, что и фиксированная ширина будет работать.

источник

2013-07-24 21:37:49 user1721135

Если я это сделаю, макет, в котором родительский компонент, получает прикручивание. –

найти другой способ. таблицу отображения и табличную ячейку следует использовать с осторожностью. Вы не можете заставить его иметь фиксированную ширину. Можете ли вы опубликовать jsfiddle – user1721135

Положить таблицу-макет: исправлено вместо отображения: table-cell

источник

2013-07-24 21:47:21 Vector

Это тоже все испортит. –

Скрипка или ссылка помогли бы в ответ, который вам нужен, необходимо работать с полным макетом – Vector

Force div не для расширения

Fiddle ссылка: http://jsfiddle.net/kgsD7/

ответ

Смежные вопросы