Как изменить CSS here для работы с динамическими размерами родительского div и продолжить заполнять половину высоты и полную ширину родительского div theapp? В частности, #innerpanelA и #innerpanelBВырезать div пополам по горизонтали
Я попытался использовать значения% вместо фиксированных размеров, но это было ужасно. Чистое решение css и html было бы лучше, без js без изменения размера.
наилучшими пожеланиями
гнездо два ребенка дивы (#innerpanelA и #innerpanelB) внутри родительского DIV (theapp), а затем добавьте следующий код в ваш CSS:
#innerpanelA {top:0; height:50%;}
#innerpanelB {top:50%; height:50%;}
top:0 элемент расскажет #innerpanelA сидеть ровно на верхней части родительского div и занимать половину пространства (height:50%) независимо от размера div.
top:50% элемент расскажет #innerpanelB сидеть ровно на полпути вниз DIV и занять нижнюю половину пространства (height:50%) независимо от того, что размер DIV есть.
Высота двух дочерних divs будет составлять до 100% и будет реагировать на размер браузера, масштаб и т. Д., Так как используется %.
высота дают chessclockpanel: 100% и innerpanelA и innerpanelB высота: 50% каждый.
Это не работает и выглядит тогда как [ссылка] (http://www.oddskill.net/test/csstest1) – quantanamera
Вы не указали высоту chessclockpanel: 100% –
Thanx много, что сделал трюк. – quantanamera
Обязательно подтвердите и примите ответ, чтобы показать другим как правильные. –