2016 - 2024

感恩一路有你

js屏幕自适应 css div布局,左右两个div怎么能自动适应高度?

浏览量:2940 时间:2021-03-15 12:24:36 作者:admin

css div布局,左右两个div怎么能自动适应高度?

您可以使用js来实现两个div相同的自适应高度,如下所示:首先设置div CSS的基本布局:

如何实现左右定宽,中间自适应宽度的css布局?

有很多方法可以实现CSS布局的左右定宽和中间自适应,下面简单介绍一下,供大家参考;

其原理是用绝对定位分别定位左右两侧的div,中间div用margin属性保留左右div的宽度,并将中间div的宽度设置为100%。代码如图所示

打包一个div,设置属性display:flex,并设置子元素的属性弹性:1,请参见下图中的代码

float layout将左div和右div分别浮动到左侧和右侧,并使用中间的margin属性保留左div和右div的宽度。这与绝对定位布局类似,代码如下图所示

js屏幕自适应 css自适应布局 html高度自适应

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。