当前位置：文江博客话题详情

bootstrap栅格系统的div高度怎样定？

发布于 2022-09-05 08:54:44 字数 340 浏览 10 评论 0

我想要在bootstrap中使用删格系统，
所以，在

<div class="col-md-3 side">
..............
.....        
</div>

下面是css样式：

side{
    position：fixed；
    left：0px；
    top:0px;
    bottom:px;
}

出来之后总是出问题。
目的是在页面左侧形成固定不变的一块）(不随鼠标移动)，并且上下左刚好把紧挨着浏览器界面,右侧有页面的另一块儿。
有没有好的方法！

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（3）

木森分化 2022-09-12 08:54:45

出什么问题，bottom：0px;别的没看出来问题

就此别过 2022-09-12 08:54:45

你应该在side放在col-下一级的div中，在限制side的高度，然后在设置position：fixed，就可以看到相应的效果了。

酷遇一生 2022-09-12 08:54:44

是你要的样子吗？

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test</title>
    <style>
        html,body{
            height: 100%;
            padding: 0;
            margin: 0;
        }
        div#left{
            height: 100%;
            background: gainsboro;
            width: 20%;
        }
        div#right{
            width: 80%;
        }
        div#left,div#right{
            float: left;
        }
    </style>
</head>
<body>
    <div id="left">left</div>
    <div id="right">right</div>
</body>
</html>

栗子没用bootstrap的栅格，栅格无非就是宽度，你把div加上想要的col--,去掉css里的百分比的值就好了。

~没有更多了~

关于作者

暂无简介

0 文章

0 评论

23 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

烙印

文章 0 评论 0

singlesman

文章 0 评论 0

给自己一个微笑

文章 0 评论 0

独孤求败

文章 0 评论 0

晨钟暮鼓

文章 0 评论 0

我是自愿种绣球花的

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文