Question

我的网页布局有问题。我有2个表和2个表内的2个表。我遇到的问题是，当我的Web浏览器调整大小时，第二个div中的内容会移动到第一个div之下。

有谁能告诉我这是如何解决的？

Answer 1

解决这个问题的一种方法是在div之外放一张表。如果表位于结构div内，则调整浏览器大小不会强制一个div向下移动。

Answer 2

您可以尝试这样的事情：

CSS
#leftcolumn { width: 300px; border: 1px solid red; float: left}
#rightcolumn { width: 300px; border: 1px solid red; float: right}

HTML
<div id="leftcolumn"><p>text goes here</p></div>
<div id="rightcolumn"><p>text goes here</p></div>

此外，如果您使用浮动，它会从任何周围的div中有效地移除该元素。要解决这个问题，请尝试添加一个div类，它将'clear'设置为'both'到你的html。这使得所有的div都能很好地放在容器中

像这样：

CSS
.clear { clear: both;}

HTML
<div id"container">
  <div id="leftcolumn"><p>text goes here</p></div>
  <div id="rightcolumn"><p>text goes here</p></div>
  <div class"clear"></div>
</div>

网页布局问题

2 个答案: