」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何創建具有固定寬度右列和流體左列的兩列佈局?

如何創建具有固定寬度右列和流體左列的兩列佈局?

發佈於2025-02-06
瀏覽:230

How to Create a Two-Column Layout with a Fixed-Width Right Column and a Fluid Left Column?
2-column div佈局:實現固定寬的右列和流體左列

右列具有固定寬度的兩列佈局,而左列則動態調整到可用空間。

在維持左列中的流動性時,請按照以下方式建立固定寬度的圓柱指南:在左列上刪除float:

從左列(#content)刪除float屬性(#content)。 &&&]將右列(#right)放在HTML代碼中的左列前。這樣可以確保首先應用右列的寬度。

將溢出應用到外部div:

設置左列寬度和溢出:

將左列的寬度設置為自動並添加溢出:隱藏。 This allows the column to fill the remaining space and prevents interaction with the right column.

Example Code:

HTML:

demo:

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3