我试着去创造与流体中心和固定边的三个栏布局。这是一个jsfiddle。看起来好像nav的clearfixes将主要内容推到侧边栏下面。没有clearfixes,内容通常会开始显示不正确。有人知道怎么修这个东西吗?与Twitter的引导三个栏布局流体 - clearfixes搞乱事情
4
A
回答
2
定义你的.nav-tabs
DIV作为inline-block
其边界内包含它正确,就像这样:
.nav-tabs {
display: inline-block;
width:100%;
}
演示:http://jsfiddle.net/6vPqA/15/show/ 编辑:http://jsfiddle.net/6vPqA/15/
编辑:增加宽度,使菜单更好地适应。
1
指定的导航类的高度似乎拉内容的侧边栏之间。
喜欢的东西:
.nav {height:50px}
相关问题
- 1. 流体Twitter的引导布局与左和右(侧栏)最小宽度列
- 2. 实现以下布局与Twitter引导
- 3. 重置CSS布局与搞乱
- 4. RecyclerView和Glide搞乱布局
- 5. twitter bootstrap流体布局
- 6. 流体布局(Twitter Bootstrap)
- 7. Twitter的引导3 - 布局
- 8. CSS图像悬停动画与流体三栏布局
- 9. Twitter引导流体布局设计问题
- 10. 三柱流体布局
- 11. Twitter引导 - 固定布局与滚动边栏
- 12. twitter引导布局问题
- 13. 引导响应流体布局
- 14. HTML5引导流程布局
- 15. 与流体布局与CSS
- 16. 形式搞乱了网页的布局
- 17. Bootstrap搞乱Wordpress CSS
- 18. Twitter引导程序:1侧栏1流体内容 - 容器
- 19. 两栏布局引导
- 20. 固定边栏导航流体twitter引导2.0
- 21. 三个栏布局等高
- 22. HTML,三个栏布局
- 23. 下拉菜单是搞乱布局?
- 24. 自定义视图搞乱布局
- 25. 使用twitter引导的CSS布局
- 26. Twitter的引导浮起帆布边栏
- 27. twitter bootstrap流体布局3列
- 28. Twitter引导响应式布局
- 29. Twitter的引导形式布局
- 30. Twitter的引导3布局问题
出色答卷。请记住,而不是宣称自己的“左”和“右”的类可以使用白手起家“拉左”和“右拉” – 2012-07-25 10:51:37
你知道这是为什么? – 2012-08-28 19:29:48
@JonathanOng因为块级元素不除非另外指定一个特定的宽度和高度是其范围内包含自己。否则,只要他们的容器允许它们就可以伸展。 '显示:直列block'允许保留其边界和利润中的元素,因此不会填满你看到应用修复之前空的空间。 – 2012-08-28 23:09:02