How to solve the problem with the borders of the blocks with an adaptive height using the table?
Blocks 1, 3, 4 have the same height ( adaptive ).
Unit 2 fixed height.
How to impose this, and how to solve the problem with the borders?
Unit 2 fixed height.
How to impose this, and how to solve the problem with the borders?
asked July 8th 19 at 11:31
3 answers
answered on July 8th 19 at 11:33
Option 1: https://jsfiddle.net/b62qcp06/
Option 2: https://jsfiddle.net/w5jsb6dg/ (here the difference is that units 3 and 4 taken in a separate block)
Option 2: https://jsfiddle.net/w5jsb6dg/ (here the difference is that units 3 and 4 taken in a separate block)
answered on July 8th 19 at 11:35
Use flexbox
I don't like flexbox commented on July 8th 19 at 11:38
and if under IE9 ? commented on July 8th 19 at 11:41
answered on July 8th 19 at 11:37
You can try to position the elements: https://jsfiddle.net/slippyk/o2jxeg2z/1/
ham. agility break :) commented on July 8th 19 at 11:40
Find more questions by tags CSS
for example height: 1 - 100px, 2 - 20px, 3 - 80px, 4 - 80px. - Urban66 commented on July 8th 19 at 11:39
And block 2 is fixed and does not change.
Now the problem I do not understand))) - Carole.Durgan commented on July 8th 19 at 11:42