固定位置邊欄不能調整到不同的分辨率

Question

我的網頁是http://lyk-ag-stefan.att.sch.gr/。 您可能會看到位於左側的藍色側欄，因爲我希望它的內容始終可見，所以它位於固定位置。問題在於小分辨率，例如1024x768其中一些底部內容不可見。我如何總是將整個側邊欄內容調整到任何視口？

而且，我有兩個疑問：

1）是否有意義分配浮動到一個固定的定位的div？ 2）通過給邊欄提供21％的百分比寬度，它計算21％的身體寬度（不是它的祖父母寬度的1200px的21％）;到目前爲止這樣好，因爲它脫離了正常的流程。奇怪的是，它考慮到它的祖父母（內容包裝）的7％餘量，從體寬減去21％。爲什麼？

非常感謝您

Answer 1

你最好的拍攝是使用視口的寬度，而不是一個百分比，這樣做，首先設置的視口元標記：

<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

然後代替將邊框的寬度設置爲21％，將其設置爲21vw，這將是視區寬度的21％。