css如何固定左侧div宽度右侧div宽度自适应

 时间:2024-10-31 15:16:06

css中水貔藻疽,可以通过float属性来固定左侧div宽度,使用margin属性让右侧div宽度自适应,下面我给大家介绍下css如何固定左侧div宽度右侧div宽度自适应

css如何固定左侧div宽度右侧div宽度自适应

工具/原料

css+html

代码编辑器:Hbuilder

方法/步骤

1、打开编辑器,新建test.html页面,用于学习今天的内容

css如何固定左侧div宽度右侧div宽度自适应

2、在页面的body区域,新建一个div,给div加上class,叫做left

css如何固定左侧div宽度右侧div宽度自适应

3、在页面的body区域,再次新建一个div,给div加上class,叫做right

css如何固定左侧div宽度右侧div宽度自适应

4、在css里,给left设置以下属性:width:200px; height:咯悝滩镞200px; border:1pxsolid#000000; float:left;

css如何固定左侧div宽度右侧div宽度自适应

5、在css里,给right设置以下属性:border:1pxsolid#000廴类锾渭000; height:300px; margin-left:220px;

css如何固定左侧div宽度右侧div宽度自适应

6、在浏览器中打开test.html,查看实现的效果

css如何固定左侧div宽度右侧div宽度自适应

Win11鼠标指针在哪里设置 Windows 10如何设置审核IPsec驱动程序 灵魂潮汐10-2通关攻略 只允许指定U盘对电脑文件进行读写操作怎么设置 Visual Studio 2017 VS2017 新版 无 Win32
热门搜索
金彭电动三轮车图片 发型设计图片 图片转换成word 经络图片 打击乐器图片