css - 位置 :fixed column in fluid css

标签 css fluid-layout

我正在尝试构建一个基本的 html 流体模板(12 列),我希望第一列位于 position:fixed 中。第一列将承载桌面屏幕上的导航。使用手机查看页面时,此列需要位于流程的第一列。

https://jsfiddle.net/b4aqu9d7/

我知道问题出在 css 中的 position:fixed,因为它来自流程。我试图用边距插入流动部分,但我没有设法拥有一个完美平衡的页面,其中一个固定列和其余列在流动中。

你有什么想法吗?

最佳答案

我刚刚找到了解决边距问题的方法。

我没有使用嵌套部分,而是只使用了一个部分。

解决方法在这里:

<https://jsfiddle.net/c9evuzqb/1/>

关于css - 位置 :fixed column in fluid css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29433129/

相关文章:

css - 平板电脑断点在响应式 CSS 流体网格设计中失败

html - 固定尺寸盒子的 CSS 流体网格

css - 检查/验证用户提供的 CSS 是否正常

javascript - Bootstrap 下拉菜单不起作用

javascript - 为什么名为 'index.js' 的 JavaScript 文件在 Django 模板中不起作用?

css - 计算 CSS 特异性的错误

html - 强制子 div 占父高度的 100%

javascript - Google Chrome 中的 CSS3 径向渐变渲染

javascript - div 高度随着其他流体 div 高度的变化而变化

twitter-bootstrap - Bootstrap : fluid table too wide for window