創建固定的側邊欄而不會使其脫離流程
[英]Creating a fixed sidebar without taking it out of flow
問題描述
我正在嘗試創建一個網站，該網站的右側有一個側邊欄，固定在屏幕上並占據了100％的頁面。 我希望將容器的寬度設置為100％，並在考慮到側邊欄的寬度后填充剩余空間。 當用戶向下滾動頁面時，我需要側邊欄保持不變。 我希望邊欄的高度為基於百分比的值。 我將如何去做呢？
如果我要使用“位置：固定”，則會使邊欄無法正常使用，從而導致容器跨越頁面的整個寬度，而忽略了邊欄的寬度。 當我嘗試應用“ text-align：center”時，這會導致問題。
這是我要實現的目標的直觀表示：
1 個解決方案
解決方案1
2 2014-09-27 20:26:55
只需將.body{ margin-right: 80px }（即邊欄的大小）放進.body{ margin-right: 80px ，然后將其固定在邊欄上即可。
在這里查看： http : //jsfiddle.net/vv84cd08/1/
在CSS中創建一個帶有響應容器的固定寬度的邊欄，用於旁邊的內容
[英]Creating a fixed width sidebar with a responsive container for content next to it in CSS
創建具有固定標題，固定側欄導航，使用flexbox固定內容的布局
[英]Creating a layout that has a fixed header, fixed sidebar nav, fixed content with flexbox
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.