Q
转换为无表格布局
0
A
回答
0
所以,我最终想出了一个完美的跨浏览器,不使用表格,并且不使用javascript的解决方案。 (我感到很骄傲:3)
,而不是解释它,你可以查看我的小提琴完成的演示在这里:http://jsfiddle.net/af9L5/
1
.container{height: 100%; border: 1px solid #0f0; display: table;}
#sidebar{
width:40%; height: 100%; display: table-cell; background: #ccc;
}
#sidebar2{
width:60%; height: 100%; display: table-cell; background: #f00;
}
body, html {
height:100%;
}
HTML
<div class="container">
<div id="sidebar">links and whatnot go here</div>
<div id="sidebar2">this is the container (but its top is not aligned with the sidebar as I would like)</div>
</div>
注:表单元格属性是由支持支持IE8 +
编辑: 如果你不能使用表单元格,然后你必须使用一些jquery来计算高度。检查this Fiddle
0
我会做这样的事:fiddle
在这里,这仅仅是一个快速小提琴。我必须在明天工作时做类似的事情,所以我可以进行更多的测试。
相关问题
- 1. 将表格布局转换为Div
- 2. HTML将表格转换为HTML布局
- 3. 将表格布局转换为div布局
- 4. 将表格布局转换为CSS布局
- 5. 将线性转换为网格布局
- 6. 转换网格布局
- 7. 如何将此基于表格的布局转换为CSS?
- 8. 将PHP生成的表格布局转换为div
- 9. 转换为无表格的表
- 10. 无法转换为布尔
- 11. 无法从表格转换为
- 12. 将静态布局转换为%百分比布局使用css
- 13. Bootstrap将两列布局转换为四列布局
- 14. Xamarin.Forms布局如何转换为平台特定的布局?
- 15. 意外转换为textview;布局标记是相对布局
- 16. 如何将线性布局转换为相对布局
- 17. 如何从iPAD/iPAD2布局转换为iPhone4/iPhone5/iPAD-mini布局
- 18. 转换外部XML布局为位图使用布局充气
- 19. 如何将约束布局转换为相对布局
- 20. 将B4A布局转换为XML版本
- 21. 将android布局转换为PDF文件
- 22. 将动画节点转换为布局
- 23. Classcastexception:Widget不能转换为布局
- 24. 从的LinearLayout转换为相对布局
- 25. Cytoscape:将XML转换为dagre布局
- 26. 转换网页图像布局为HTML
- 27. 交换表格布局中的图像
- 28. 如何格式化一个NSDate的布局,无须转换为NSString的
- 29. 将ctree输出转换为JSON格式(用于D3树布局)
- 30. 将PSD转换为Android XML(布局)格式?
这是一个很常见的,很解决问题。 [CSS - 等高度列?](http://stackoverflow.com/questions/2114757/css-equal-height-columns) – 2012-07-29 16:29:43
@Truth这不是我想要做的。 – fruitcup 2012-07-29 16:44:11
它有什么不同? – 2012-07-29 16:55:50