Javascript 动态布局宽度与CSS浮动
我正在制作一个页面，页面分为两部分，左侧（70%宽度）和右侧（30%）。这两列中都有来自数据库的动态内容 我想要的是，当右部分的内容完成时，左部分应该占据所有宽度，即100%。70%为其自身宽度，30%由右侧部分释放。以下是我想要的图片： 如何仅使用两个div来实现这一点？i、 e带百分比的左div和右div 有人可能会建议我使用三个div。一个70%，在左边，30%在右边，100%在两个div下面，但这不是我想要的，因为div的动态内容。我想当右div的内容完成后，左div应该占据100%的空间。右侧div上的内容可以是2行或100行，这纯粹是动态的 以下是我当前的HTML结构：Javascript 动态布局宽度与CSS浮动,javascript,html,css,css-float,Javascript,Html,Css,Css Float,我正在制作一个页面，页面分为两部分，左侧（70%宽度）和右侧（30%）。这两列中都有来自数据库的动态内容 我想要的是，当右部分的内容完成时，左部分应该占据所有宽度，即100%。70%为其自身宽度，30%由右侧部分释放。以下是我想要的图片： 如何仅使用两个div来实现这一点？i、 e带百分比的左div和右div 有人可能会建议我使用三个div。一个70%，在左边，30%在右边，100%在两个div下面，但这不是我想要的，因为div的动态内容。我想当右div的内容完成后，左div应该占据100%的
<div class='main'>
<div class='left'></div>
<div class='right'></div>
</div>
<style>
.main { width: 100%; }
.left { float: left; width: 70%; }
.right { float: left; width: 30%; }
</style>
.main{宽度：100%；}
.left{float:left；宽度：70%；}
.right{浮动：左；宽度：30%；}
。对{
浮动：对；
宽度：30%；
高度：100px；
背景：黄色；
}
正确的
Lorem ipsum dolor sit amet，是一位杰出的献身者。丘脑前庭。整数tincidunt velit sed苏打水孕妇。我是sapien mi rutrum，我是lacinia urna前庭。库拉比图·埃吉特·普鲁斯。乌尔里氏库拉索蒂酒店。他坐在阿梅特·乌兰科珀的座位上。我是弗林利亚·普鲁斯。埃拉特·奎斯·麦格纳·菲尼布斯·索利西图丁酒店。埃蒂亚姆·奥奇·杜伊（Etiam orci dui），在生命之河（rhoncus vitae）的圣殿，法雷特拉·塞德·利古拉（pharetra-sed-ligula）。Morbi sagittis sem eget lectus blandit ullamcorper。发酵前产酸杜奈克菌。Nam ultrices eu ex Vita sodales。Donec justo mauris，前et的finibus，bibendum iaculis酒后驾车
纳勒姆在前康茂德，拉西尼亚·普鲁斯，坦普斯·泰勒斯。孕妇的生命是永恒的。保险丝和电气插头，交流车辆。腹部矢状肌瘤，面部常见疾病。Phasellus eget ornare nisl。Donec Pellentsque pharetra justo，他是一个温和的nec。Sed非矢状面，在finibus中，在ipsum-eros中。莫利斯·埃利芬德和索利西图丁。莫比·佩伦茨克·拉奥里特·德高望重。Donec ut nunc位于elit Concertetur porta。前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭
。对{
浮动：对；
宽度：30%；
高度：100px；
背景：黄色；
}
正确的
Lorem ipsum dolor sit amet，是一位杰出的献身者。丘脑前庭。整数tincidunt velit sed苏打水孕妇。我是sapien mi rutrum，我是lacinia urna前庭。库拉比图·埃吉特·普鲁斯。乌尔里氏库拉索蒂酒店。他坐在阿梅特·乌兰科珀的座位上。我是弗林利亚·普鲁斯。埃拉特·奎斯·麦格纳·菲尼布斯·索利西图丁酒店。埃蒂亚姆·奥奇·杜伊（Etiam orci dui），在生命之河（rhoncus vitae）的圣殿，法雷特拉·塞德·利古拉（pharetra-sed-ligula）。Morbi sagittis sem eget lectus blandit ullamcorper。发酵前产酸杜奈克菌。Nam ultrices eu ex Vita sodales。Donec justo mauris，前et的finibus，bibendum iaculis酒后驾车
纳勒姆在前康茂德，拉西尼亚·普鲁斯，坦普斯·泰勒斯。孕妇的生命是永恒的。保险丝和电气插头，交流车辆。腹部矢状肌瘤，面部常见疾病。Phasellus eget ornare nisl。Donec Pellentsque pharetra justo，他是一个温和的nec。Sed非矢状面，在finibus中，在ipsum-eros中。莫利斯·埃利芬德和索利西图丁。莫比·佩伦茨克·拉奥里特·德高望重。Donec ut nunc位于elit Concertetur porta。前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭
display: flex;
display: flex;