Css HTML5布局的避免表

Css HTML5布局的避免表,css,html,Css,Html,问题很简单:如何正确避免表格的布局。 问题:带有float:left的DIV布局并不总是有用的,因为通常在浏览器拉伸时,所有DIV都会一个叠在另一个上 我有一个集装箱舱 <div id="container"> <div id="child1"> </div> <div id="child2"> </div> <div id="child3"> <div> </div> 容器100%页面。 子

问题很简单:如何正确避免表格的布局。 问题:带有float:left的DIV布局并不总是有用的,因为通常在浏览器拉伸时,所有DIV都会一个叠在另一个上

我有一个集装箱舱

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

容器100%页面。 子1,2宽度固定宽度(exampe 300px)和第三宽度可变宽度30%

我警告他们不要把一个叠在另一个上面。 可能吗?谢谢


不要将表格用于布局。也许该链接可以帮助您。

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


请参阅此处的这篇文章以获得进一步的解释:

您是否看到CSS中的
float
?您到底想要什么?固定宽度?创建一些您遇到的问题的示例,我们将提供帮助。退房