javascript - HTML - Div to the bottom without absolute positioning -


Here it is.

I added some CSS to position the tab to the right.

I wanted to place those tabs in the lower right corner of the container.

If I set the position of div to absolute, that tab will zero the content width which can be adjusted by setting margin-right in turn, but this dynamic will not be enough if the tab header The width is greater than the margin-accurately defined.

Is there no alternative to pushing the tabs in the lower right corner of tab-container

any help Would be greatly appreciated.

Thanks in advance.

When you can use modern CSS, you can use flexbox .

Here's the demo:

  .tab-content {flex: 8 1 auto; } .nav {flex: 1 Auto; Order: 2; Align: Flex-end; }  

Here is the table of supported browsers: As you can see that IE10 is only partially supported and will need special attention:

here There is a good article on Flexbox:


Comments

Popular posts from this blog

Member with no value in F# -

java - Joda Time Interval Not returning what I expect -

c# - Showing a SelectedItem's Property -