css - 如何使用 CSS 正确对齐元素

Question

我的网站布局非常简单。我希望它看起来像这样:

• 横跨页面宽度的一行文本。
• 下面是四列单独的文本。
• 下面两列，其中:
  • 左侧的列较细，横跨页面的剩余高度。
  • 右边的列有一个短行文本，然后在它下面的另一行文本跨越页面的剩余高度。

每个红色 block 都是文本。现在我只是让每个 block 都在下一个 block 下面，全部居中。我希望它像上图一样布局。

我似乎无法弄清楚如何正确地做到这一点。使用相对对齐是一团糟。百分比似乎也不起作用。

Answer 1

网站分为多个 block (或列)。由设计人员/开发人员将其划分为独立的组(如侧边栏、页眉、页脚、内容等)

学习基础知识非常重要。 this site有相当不错的直观教程 HTML

也结账

• > Designing a HTML5 layout from scratch
• > Semantic HTML5 layout

还可以借助浏览器附带的开发人员工具从您访问的网站中获取线索。