这是 fiddle .
我添加了一些 CSS 用于将选项卡定位在右侧。
我希望这些选项卡位于容器的右下角。
如果我将div的位置设置为绝对的。这将使选项卡内容的宽度无效,而选项卡内容的宽度又可以通过设置 margin-right 进行调整,但如果选项卡标题的宽度大于定义的 margin-right,那将不够动态。
是否有其他方法可以将选项卡推送到 tab-container
的右下角?
任何帮助将不胜感激。
提前致谢。
最佳答案
当你可以使用现代 css 时,你可以选择 flexbox
。
这是一个演示:http://jsfiddle.net/5Vkx9/2/
.tab-content
{
flex: 8 1 auto;
}
.nav
{
flex: 1 0 auto;
order: 2;
align-self: flex-end;
}
这是支持的浏览器表:http://caniuse.com/flexbox如您所见,IE10 仅得到部分支持,需要特别注意:https://stackoverflow.com/a/17156937/3244925
这里有一篇关于 flexbox 的好文章:http://css-tricks.com/snippets/css/a-guide-to-flexbox/
关于javascript - HTML - 没有绝对定位的 Div 到底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25075115/