-2

问题很简单：如何正确避免表格布局。问题：使用 float:left 的 DIV 布局并不总是有用，因为通常在浏览器拉伸时所有 div 一个一个堆叠在一起......

我有一个容器 div

<div id="container"> 
<div id="child1"> </div>
<div id="child2"> </div>
<div id="child3"> <div>
</div>

容器 100% 页面。子 1、2 宽度固定宽度（例如 300px）和第 3 宽度可变宽度 30%

我希望他们不要在浏览器拉伸时将一个堆放在另一个上。有可能吗？谢谢

4

2 回答 2

1

http://thoughtsandideas.wordpress.com/2010/07/15/introduction-to-div-based-layout/

不要使用表格进行布局。也许链接可以帮助你。

于 2013-03-26T16:36:15.967 回答
1

您应该始终避免使用<table>for 布局。 <table>用于显示表格数据。这就是它的目的。如果您在该目的之外使用它，那么您使用它是错误的。此外，如果您无法使用 float 或 display: inline 实现您想要的布局，那么您很可能做错了，或者需要一点 javascript 来帮助您，直到 flexbox 功能得到完全实现和支持。

在这里查看这篇文章以获得进一步的解释：为什么不在 HTML 中使用表格进行布局？

于 2013-03-26T16:36:37.610 回答