The specification for flexbox has definitely settled now. There are two other answers briefly mentioning flexbox however, that was more than two years ago, and they don't provide any examples. So far, wrapping the entire thing in a table is the only thing that works. As will two elements at 50%.įor instance, if the header takes up 20% of the screen's height, a table specified at 50% inside #content would take up 40% of the screen space. So something at 100% inside the div will fill it to the bottom. Is there a way to achieve the same effect without using the table?Įlements inside the content div will have heights set to percentages as well. Putting header inside content will not allow this to work. Sometimes the content will be a real table, with its height set to 100%. The entire height of the page is filled, and no scrolling is required.įor anything inside the content div, setting top: 0 will put it right underneath the header.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |