html填充页面剩余,html如何使一个div填充剩余的水平空间？_html_开发99编程知识库...

我找到的問題是，如果右列比左邊長，它就會在左邊包裝，然後填充整個空間。 這不是我想要的行為。 在搜索了許多'。解決方案解決方案'之後，我發現了這個棒的教程，可以創建三個列頁面。

作者提供了不同的方法，一個固定寬度，一個有三個變柱和一個固定外柱和一個變寬。 比我發現的其他例子更加優雅和有效。 顯著提高了我對CSS布局的理解。

基本上，在簡單的情況下 上面，將第一列浮動，並給它一個固定的寬度。 然後在右邊的左邊距比第一列稍寬一點。 就這樣，完成boushley的代碼：

This is My Page's Title

#left {

float:left;

width:180px;

background-color:#ff0000;

}

#right {

margin-left: 190px;

background-color:#00FF00;

}

left

right

以boushley為例，左欄將另一列保存在右邊。 左欄一結束就開始重新填充整個空間。 在這裡，右列簡單地進入頁面，左列佔用大的脂肪 margin 。 不需要流交互。