Question

自从我编写html以来已经很久了。我的文档目前有一个包含在div标签内的谷歌图表。我希望在我的页面中添加一个组合框和文本框来操作图表后面的js。以前我使用表来组织页面上的项目，但今天如何完成？

顺便说一句，我的div看起来像这样：

<div id="visualization" style="width: 600px; height: 400px;"></div>

Answer 1

在HTML 4中，您可能希望使用div元素，然后为它们分配带ID或类的样式：

<div id="mainContent>
     <div class="container">
         <!-- Content Here-->
     </div>
     <div class="container">

     </div>
</div>

CSS;这将为您提供960px宽的中心页面，每个容器上有一个边框

html, body {text-align: center}
#mainContent {width: 960px; margin: 0 auto;}
.container {margin: 10px; border: 1px #000 solid}

要获得两列，您可以将以下内容用于.container

.container {margin: 10px 0 10px 10px; width: 465px; float: left}

当你浮动某物时，你总是想给它一个特定的宽度，如果浮动元素的容器没有特定的高度，你会添加

<div style="height: 0; clear: both">&nbsp;</div>

否则容器不会延伸到浮动元素的底部，如this

我将尝试寻找更多布局内容并进行编辑。

编辑：使用HTML 5的主要区别在于它添加了header，footer和section等元素。在HTML 4中，只有div。

编辑：

关于在布局中使用浮动的另一个体面的教程：