CSS 布局设计 - 多列中的多列

标签 css

CSS 难以置信的新手,这些年来我做了一些非常基础的东西,但我正在努力为我想为我的 Drupal 产品页面创建的设计找到一个解决方案。我试过搜索,但自从我自学以来,我不知道应该搜索什么术语。

这是我要设计的布局(已附)。

所以我基本上想要一个 2 列布局和一个位于主要部分的 3 列标题。我应该/可以用网格来做这个吗?我不太确定我应该寻找什么来理解如何实现这一目标。我对网格的唯一担心是我不能将侧边栏包含在单个行高中。有人可以指出我正确的方向吗?

非常感谢! Planned Layout

最佳答案

由于您正在寻找基于网格的系统,我强烈建议您查看 Bootstrap用于实现您想要的布局。查看链接,它将解释如何准确实现上面指定的布局。

关于CSS 布局设计 - 多列中的多列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29442380/

相关文章:

javascript - jQuery .focus() 不工作

html - Bootstrap 响应列顺序基于字母内容

javascript - jQuery 追加/添加隐藏 div 到 jQuery 对话框

javascript - 如何将视口(viewport)缩放到最小宽度

html - 如何响应式地让按钮调整到全宽

html - 导航栏 Div 正在覆盖另一个 Div

javascript - 使用 CSS 变换使用箭头键输入来平移/旋转 Sprite 。更新位置时出现问题

javascript - 刷新时更改背景颜色和文本颜色

javascript - 当鼠标靠近 D3 中的一条线时显示工具提示

html - 表格在 Firefox 中错位