常见工作站布局（左边定宽右边自适应）

最新推荐文章于 2020-08-24 23:14:58 发布

最骚的就是你

最新推荐文章于 2020-08-24 23:14:58 发布

阅读量1.3k

点赞数

分类专栏： web前端学习文章标签：工作布局

本文链接：https://blog.csdn.net/libin_1/article/details/51155447

版权

本文探讨了常见的一种工作站布局方式，即左侧区域设定固定宽度，右侧区域根据剩余空间自适应调整宽度。这种布局常用于提高工作效率，使用户能够清晰地划分工作区域和浏览内容。通过CSS样式实现，可以灵活应用于各种网页和应用设计。

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

这里写图片描述

<!doctype html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
        <style type="text/css">
            * {
                padding: 0px;
                margin: 0px;
            }
            body{
                min-width: 1200px;
                overflow: hidden;
            }
            .left {
                width: 200px;
                background: blue;
                height: 100%;
                position: absolute;
                top: 0px;
                left: 0px;
                overflow-y: auto;
            }

            .right {
                margin-left: 200px;
                /*height: auto;*/
                border: 1px solid red;
                background: red;
            }

            .wb {
                height: 48px;
                width: 100%;
                overflow: hidden;
            }
        </style>
    </head>

    <body>
        <div class="left"></div>
        <div class="righ

最低0.47元/天解锁文章

最骚的就是你

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
常见工作站布局（左边定宽右边自适应）

<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> * { padding: 0px;
复制链接

扫一扫

专栏目录