1. 首页
  2. 数据库
  3. 其它
  4. css3弹性盒子flex实现三栏布局的实现

css3弹性盒子flex实现三栏布局的实现

上传者: 2021-02-01 23:56:09上传 PDF文件 28.5KB 热度 9次
如题:高度已知,左右栏宽度300px,中间自适应: 弹性盒子本身就是并排的,我们设置宽度即可。 用一个容器container包裹三栏,设置comtainer容器的display属性为flex,左右栏设置宽度为300px,中间栏设置flex:1,这里的1表示宽度比例,具体数值取决于其它盒子的flex值,由于这里其它盒子宽度固定,所以中间栏会自动填充: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>三栏布局</title> <
用户评论