html - HTML CSS 水平定位 4 个 div

Question

在网站上定位元素时遇到一些问题。我设置了站点容器布局，其中包含 4 个要水平排列的 div，但无法让它们这样做。它们被标记为“left-gutter”、“image-column”、“text column”和“right-gutter”——所有这些都包含在背景 div 中。我尝试使用 float:left 和 display:inline-block 使用 CSS 定位它们。我究竟做错了什么？

这是代码：

https://github.com/ajhalbrook/Sample

这是它的样子：

Answer 1

我会用

position: absolute;
left: xx px;
top: xxx px:

对于每个 div。

希望这可以帮助

Answer 2

如果您希望 div 彼此相邻浮动，则需要将它们放置在同一根级别，即

div1 - div2 - div3 - div4

在你的情况下，github上的代码显示

"left-gutter" is parent having childs as
 |-- "right-gutter" and
 |-- "image-column"(which further has child)
      |-- "text column"

你的代码应该是

wrapper
|-- "left-gutter"
|-- "right-gutter"
|-- "image-column"
|-- "text-column"