Html 网页布局问题

我的网页布局有问题。我有两张桌子，这两张桌子都在两个分区内。我遇到的问题是，当我的web浏览器调整大小时，第二个分区中的内容会移动到第一个分区的下方

---

有谁能告诉我如何解决这个问题吗？

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

您可以尝试以下操作：

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>

CSS
#leftcolumn{宽度：300px；边框：1px实心红色；浮点：左}
#rightcolumn{宽度：300px；边框：1px实心红色；浮点：右侧}
HTML
这里有文字

这里有文字

此外，如果您使用float，它会从任何周围的div中有效地删除该元素。要解决此问题，请尝试在html中添加一个将“clear”设置为“both”的div类。这使得所有的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>

CSS
.clear{clear:两者；}
HTML
这里有文字

这里有文字

请发布包含您的问题的CSS和HTML部分。您是否浮动这些div以使它们彼此相邻？在

正文

中添加一个

最小宽度

标记，该标记至少等于两个div的宽度，这是一个可能的解决方案，但是如果没有您的代码，很难完全理解您的情况。使用中心标签可能会对您有所帮助