摘要: 需求: 左侧固定宽,右侧自适应屏幕宽; 左右两列,等高布局; 左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高) 方法一:浮动布局 这种方法我采用的是左边浮动,右边加上一个margin-left值,让他实现左边固定,右边自适应的布局效果 这种实现方法最关键之处就 阅读全文
posted @ 2018-11-06 17:26 胡椒粉hjf 阅读(507) 评论(0) 推荐(0) 编辑
摘要: 需求:高度已知为200px,写出三栏布局,左栏和右栏各位200px,中间自适应,如下图所示: 方法一:float浮动布局 原理是:定义三个区块,需要注意的是中间的区块放在右边区块的下面,统一设置高度为200px,然后设置左边栏宽度为200px并且float:left,设置右边栏宽度为200px并且f 阅读全文
posted @ 2018-11-06 17:06 胡椒粉hjf 阅读(1193) 评论(0) 推荐(0) 编辑