当前位置: 首页 > 面试题库 >

使用CSS将Div分成2列

戈正初
2023-03-14
问题内容

我一直在尝试使用CSS将div分为两列,但是我还没有设法使其正常工作。我的基本结构如下:

<div id="content">
  <div id="left">
     <div id="object1"></div>
     <div id="object2"></div>
  </div>

  <div id="right">
     <div id="object3"></div>
     <div id="object4"></div>
  </div>
</div>

如果我尝试将左右div浮动到各自的位置(左右),似乎会忽略内容div的背景色。我在各种网站上尝试过的其他代码似乎无法转换为我的结构。

谢谢你的帮助!


问题答案:

当您浮动这两个div时,内容div会折叠为零高度。只需添加

<br style="clear:both;"/>

在#right div之后但在内容div中。这将迫使内容div包围两个内部浮动div。



 类似资料:
  • 我有一个大表格,需要将单元格的背景更改为1到6个色带,就像矩形堆叠在一起一样(其他信息将显示在单元格内)。虽然此示例是一个表,但我猜这适用于任何 DIV。我希望能够(通过javascript即时)抓住DOM中的“细胞容器”DIV并创建子DIV以创建带状背景效果。 对于这个简单的表格,我试图采用第一个单元格(带有div“单元格容器”),并使背景具有三种不同的颜色,如浅蓝色,黄色和绿色。我尝试过添加高

  • 我想要中心的div水平与一个选项滚动使用CSS。我怎样才能做到呢?我看到了一个解决方案使用边距自动和最大宽度,但div将被削减,所以我没有这样做。 null null

  • 我的情况是: 所以我尝试通过单击另一个div来切换侧栏。它是一个100%高度的边栏,固定在视区的右侧。本质上,我试图将一个300px的div包装在50px宽的切换div和250px宽的侧边栏div周围,并且我想用一个负的右边距像素值来隐藏侧边栏部分。使用.toggle:active选择器(所以当单击toggle div时会发生这种情况),我想通过将边距右的像素值设置回0px来显示侧栏部分。 到目前

  • 问题内容: 我想将所有图像都放在CSS中(我知道的唯一方法是将它们作为背景图像放置)。 但是此解决方案中的问题是您永远不能让div占用图像的大小。 所以我的问题是:在CSS中拥有等效功能的最佳方法是什么 ? 问题答案: Jaap的回答: 和在CSS中: 这已经在Chrome,firefox和Safari上进行了测试。(我在Mac上,所以如果有人在IE上有结果,请告诉我添加它)

  • 问题内容: 这个 提供了一个用户可以水平和垂直滚动的功能。如何更改它以便div 仅 可垂直滚动? 问题答案: 除了使用错误的属性外,还可以解决它。滚动条可与任何财产被触发,或者每个人都可以被设置为任意的,,,,或。您当前正在查看以下两个: -此值将查看盒子的宽度和高度。如果已定义它们,则不会使框扩展到这些边界之外。而是(如果内容超出了这些边界),它将为超出其长度的任意一个边界(或两个边界)创建一个

  • 问题内容: 鉴于HTML 呈现为 我的问题: 有没有一种方法可以通过仅使用CSS来呈现它,而无需更改HTML部分。 问题答案: 它可能不完全符合您的要求,但请看一下这个问题: CSS将div定位在另一个div的上方,而在HTML中却没有按照该顺序排列 基本上,您必须使用Javascript才能以任何方式使其可靠。