html+css布局之--左边固定宽,右侧自适应(4种方法)

今天,在网上看到一个题目,关于布局的,左边固定宽,右侧自适应(不少于3种方法),看到问题手痒自己试了一下,想了四种方法,码一下。
有好的方法,可以告诉我!
html:

  

第一种:定位+margin-left

左侧定宽200px
右侧自适应

第二种:flex

左侧定宽200px
右侧自适应

第三种:定位+浮动+padding-left+ box-sizing

左侧定宽200px
右侧自适应

第四种:浮动

左侧定宽200px
右侧自适应

css:



自己码一下,效果更好!

你可能感兴趣的:(html+css布局之--左边固定宽,右侧自适应(4种方法))