Html 左div不';t调整到右俯仰高度

Html 左div不';t调整到右俯仰高度,html,css,media-queries,Html,Css,Media Queries,所以我有一个恼人的问题,当较小的div没有跟随较高的div时。有解决这个问题的方法吗 .right { float:right;} .left { float: left; } .row:after { content:""; display:block; clear:both; } <div class="row"> <div class=" col-3 col-m-12 right"> Lorem ips

所以我有一个恼人的问题,当较小的div没有跟随较高的div时。有解决这个问题的方法吗

.right { float:right;}
.left { float: left; }

.row:after {
    content:"";
    display:block;
    clear:both;
}
<div class="row">   
        <div class=" col-3 col-m-12 right">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id facilisis augue, vel dictum velit. Nam rutrum, sem in finibus congue, neque sapien volutpat libero, ut pulvinar dui dolor non elit. Aliquam et rutrum orci, ut aliquet lorem. Maecenas eget nulla quam. Nullam sit amet ullamcorper augue.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id facilisis augue, vel dictum velit. Nam rutrum, sem in finibus congue, neque sapien volutpat libero, ut pulvinar dui dolor non elit. Aliquam et rutrum orci, ut aliquet lorem. Maecenas eget nulla quam. Nullam sit amet ullamcorper augue.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id facilisis augue, vel dictum velit. Nam rutrum, sem in finibus congue, neque sapien volutpat libero, ut pulvinar dui dolor non elit. Aliquam et rutrum orci, ut aliquet lorem. Maecenas eget nulla quam. Nullam sit amet ullamcorper augue.
        </div>
        <div class="col-9 col-m-12 left">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id facilisis augue, vel dictum velit. Nam rutrum, sem in finibus congue, neque sapien volutpat libero, ut pulvinar dui dolor non elit. Aliquam et rutrum orci, ut aliquet lorem. Maecenas eget nulla quam. Nullam sit amet ullamcorper augue.
        </div>
.right{float:right;}
.left{float:left;}
.罗:之后{
内容:“;
显示:块;
明确:两者皆有;
}
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。

显示:表格单元格
代替浮点数:

.right、.left{显示:表格单元格;边框:1px实心;}

Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。
Lorem ipsum dolor sit amet,是一位杰出的献身者。前庭,即8月的前庭。Nam rutrum,finibus congue的sem,neque sapien,Pat libero,ut pulvinar dui dolor非精英。阿利奎姆和罗特鲁姆奥奇,但阿利奎特奥勒姆。梅塞纳斯·埃吉特·努拉·奎姆。阿梅特·乌兰科佩尔·奥古斯。

你说的“跟随”是什么意思?你想让他们一样高?如果是这样,最好使用@cale_b that right。我希望左div与右div的高度相同,即使左div没有文本,右div有文本。我不确定,但这个问题也可能是因为我试图使设计具有响应性?它可以工作,但当调整页面大小时,div在较小屏幕上查看时不会位于下方,它只是不断缩小宽度,但增加高度,在这种情况下,我的选择是什么?不用管我修复了它,我只是将您给我的代码行添加到最小宽度的断点:1224px,这是dekstop-laptop视图。