登录
首页 >  文章 >  前端

双列布局中左右列高度不一致如何解决?

来源:php

时间:2024-11-03 12:57:53 129浏览 收藏

一分耕耘,一分收获!既然都打开这篇《双列布局中左右列高度不一致如何解决?》,就坚持看下去,学下去吧!本文主要会给大家讲到等等知识点,如果大家对本文有好的建议或者看到有不足之处,非常欢迎大家积极提出!在后续文章我会继续更新文章相关的内容,希望对大家都有所帮助!

双列布局中左右列高度不一致如何解决?

双列布局css对齐问题

在双列布局中,遇到左右列高度不一致的问题,如何解决?

示例代码:





  
  
  
  document
  



  

问题:

使用上述代码,无法让右列高度和左列相同。如何设置右列样式,使其高度与左列相等?

回答:

要使右列高度与左列相同,需要在父容器 parent 中新增一个容器 box,并将其作为左右列的直接父元素:

解释:

box 容器的高度会自动撑开,以容纳其子元素的内容。因此,即使未显式设置 box 的高度,左右列的高度也会自动调整为与 left 列相同的高度。

好了,本文到此结束,带大家了解了《双列布局中左右列高度不一致如何解决?》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多文章知识!

声明:本文转载于:php 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>