devbox
算法构造者2
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   C++ > 正文

Calc()替代固定边栏的内容？

作者：算法构造者2 | 2023-07-18 19:27:05

赞

踩

css,安全,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具

我左边有一个固定的侧栏,右边有一个内容区.有没有替代计算除calc()之外的内容宽度？我想要一个更安全的浏览器方法.

.left-sidebar {
        width: 160px;
        height: 100%;
        border-right: 1px solid black;
        position: fixed;
        top: 72px;
 }

.right-content {
    position: absolute;
    left: 160px;
    top: 72px;
    width: calc(100% - 160px);
    overflow: hidden;
}

Praveen Kuma.. 5

我已经做了一个类似的例子,我想分享一下.您需要在这种情况下使用定位.这是一个固定流体的情况:

+-------+-----------+
| FIXED | FLUUUUUID |
+-------+-----------+

要么

+-------+-----------+
| FIXED | FLUUUUUID |
|       | FLUUUUUID |
+-------+-----------+

固定流体模型.在我的片段中,我演示了两种示例.在第一种情况下,流体的尺寸较小.而下一个内容太长了.

片段

.parent {position: relative; margin: 0 0 15px; border: 1px solid #999; padding: 5px; padding-left: 100px;}
.parent .fixed {position: absolute; left: 5px; width: 90px; background-color: #99f;}
.parent .fluid {background-color: #f99;}

  
Fixed
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/blog/CPP/detail/13970
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。