三栏布局：左右固定，中间自适应

最新推荐文章于 2021-03-23 10:26:07 发布

smallsnine

最新推荐文章于 2021-03-23 10:26:07 发布

阅读量424

点赞数 1

分类专栏：布局文章标签：三栏布局左右固定中间自适应 html css 布局

本文链接：https://blog.csdn.net/smallsnine/article/details/78875864

版权

本文介绍了如何创建一个三栏布局，其中左侧和右侧栏的宽度固定，中间栏根据屏幕大小自适应调整。内容涵盖HTML和CSS的实践应用，包括多种布局实现方法。

摘要由CSDN通过智能技术生成

这是我综合的几种方法，亲自实践过了。第五种是三个都是自适应。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>三栏布局</title>
        <style type="text/css">
            * {
                padding: 0;
                margin: 0;
                box-sizing: border-box;
            }
            /*第一种方法：bfc*/
            .left{
                height: 100px;
                width: 100px;
                background-color: red;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

smallsnine

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
三栏布局：左右固定，中间自适应

这是我综合的几种方法，亲自实践过了。第五种是三个都是自适应。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>三栏布局</title> <style type="text/css"> * { padding: 0;
复制链接

扫一扫