三栏布局(三栏布局主要是前后两列定宽,中间自适应)

1.浮动 + margin(左边元素左浮动,右边元素有浮动,并给两遍元素都设置宽度,然后给中间元素设置 margin-left和 margin-right,值都等于左右元素的宽度)

2.浮动 + BFC()

  1. flex(给父元素设置flex布局,然后给指定元素设置flex: 1)
  1. 定位(给父元素和左右子元素设置定位,并给左右子元素设置宽度和left/right,然后给中间元素设置margin-left和margin-right)

参考文献:https://blog.csdn.net/weixin_52834435/article/details/124071513

posted @   小白张先生  阅读(22)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示