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

 时间:2024-10-12 05:12:05

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: 1px solid #000000; float: left;

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

5、在css里,给right设置以下属性:border: 1px solid #000000; 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
  • 热门搜索
    金夫人婚纱摄影怎么样 肛门痒痒怎么回事 南京信息职业技术学院怎么样 公司拖欠工资怎么办 空间怎么设置访问权限 衣服褪色怎么办 辐射避难所怎么增加人口 脚出汗怎么办 新闻报道怎么写 微信视频号怎么申请