3 個(gè)答案:

答案 0 :(得分：0)

＆＃13;

＆＃13;

#ColumnOne,

#ColumnTwo,

#ColumnThree,

#ColumnFour {

border-right: 1px solid;

display: table-cell;

vertical-align: top;

}＆＃13;

SAMPLE TITLE

111 111

222

333 333 333 333

444 444 444 444 444 444 444

＆＃13;＆＃13;＆＃13;

答案 1 :(得分：0)

您可以使用jQuery height方法獲取每列的高度，將它們放入數(shù)組中，然后使用JavaScript Math.max函數(shù)計(jì)算最大高度：

＆＃13;

＆＃13;

$(function() {

var arr = [

$("#ColumnOne").height(),

$("#ColumnTwo").height(),

$("#ColumnThree").height(),

$("#ColumnFour").height()

];

$("#ColumnOne, #ColumnTwo, #ColumnThree, #ColumnFour").height(Math.max.apply(Math, arr));

});＆＃13;

#ColumnOne,

#ColumnTwo,

#ColumnThree,

#ColumnFour {

float: left;

border-right: 1px solid;

}＆＃13;

111 111

222

333 333 333 333

444 444 444 444 444 444 444

＆＃13;＆＃13;＆＃13;

答案 2 :(得分：0)

Flexbox可以做到這一點(diǎn)

#ColumnOne,

#ColumnTwo,

#ColumnThree,

#ColumnFour {

border-right: 1px solid;

float: left;

}

#MAIN {

display: flex;

}

SAMPLE TITLE

111 111

222

333 333 333 333

444 444 444 444 444 444 444

總結(jié)

以上是生活随笔為你收集整理的html 右边框变短,HTML / CSS：使边框右侧高度动态化的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。