這個(gè)百度的到。 CSS樣式就可以控制了。 嘗試著去 搜搜看

方法一：通過(guò)js代碼來(lái)動(dòng)態(tài)設(shè)置高度來(lái)實(shí)現(xiàn)

在JS尾部直接調(diào)用下列函數(shù)

在body元素的resize事件增加對(duì)下列函數(shù)的調(diào)用

本例中執(zhí)行setHundredPercentHeight("content","body","navbar");

??// 第一個(gè)參數(shù)為指定的對(duì)象

??// 第二個(gè)參數(shù)為容器對(duì)象

??// 第三個(gè)及其后的所有對(duì)象均為部署在指定對(duì)象的上方或下方的對(duì)象，即在同一個(gè)容器中需要扣除高度的對(duì)象

??function setHundredPercentHeight(objId,containerId)

??{

????var length = arguments.length;

????var height = 0;

????for (var i = 2; i < length; i++)

????{

??????height += $("#" + arguments[i]).outerHeight();

????}

????$("#" + objId).height($("#" + containerId).height() - height);

??}

方法二：通過(guò)CSS來(lái)直接實(shí)現(xiàn)

#content {

??background-color:?gray;

??width: 100%;

??position: absolute;

??top: 30px;

??bottom: 0px;

}

采用絕對(duì)定位，top用來(lái)設(shè)置顯示的起始位置，通過(guò)bottom來(lái)設(shè)置最底位置。

由于絕對(duì)定位是以整個(gè)瀏覽器為坐標(biāo)軸的，故該方法不適合下方還有其他元素的情況。

相對(duì)來(lái)說(shuō)，第一種方法更加通用一些。