css让div⼀个左⼀个右，第⼀个div总是在左边，右边剩下的-⽤
CSS
你必须使⽤绝对定位。
.wrap {
position: relative;
}
.box {
width: 45%;
background-color: green;
border: 1px solid red;
/* float: left; */
}
.fixd {
position: absolute;
left: 50%;
top: 0;
bottom: 50%;
}
.fixd + .fixd {
top: 50%;
bottom: 0;
}
重要的是为⽗元素定义属性position: relative;。第⼀个元素定义⽗级的⾼度。第⼆和第三个元素完全位于⽗代之内。您可以通过top和bottom属性定义元素的⾼度。
如果右侧元素的数量不固定，则必须通过JavaScript计算⼤⼩。
最简单的JavaScript应该是这样的：
$('.fixd').css('height', $('.fixd').parent().innerHeight()/$('.fixd').size());
在真正的应⽤程序，你必须做⼀些修正(补⽩，边距，边框)。然后脚本为您⼩提琴应该是这样的
css布局左边固定右边自适应
var height = $('.fixd').parent().innerHeight(),
count = $('.fixd').size(),
boxSize = 0;
// Correction of borders and margin-top size
height = height - count * 2 - (count-1) * 10;
boxSize = Math.floor(height/count);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。