position:fixed导致当前div的宽度与父块不一致

最新推荐文章于 2025-12-25 17:20:30 发布

原创最新推荐文章于 2025-12-25 17:20:30 发布 · 4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍如何在使用bootstrap框架时，通过CSS样式实现页面布局的调整及固定底部元素的功能，具体包括使用.container-fluid、.row、.col-md等类，并通过设置id属性来定位和控制元素的位置。

使用的是bootstrap框架，所以样式部分要修改一下：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div style="width: 80%;margin: 0 auto;background: #000;height: 1500px;position:fixed;left:100px;top:0;" id="parent">
                <div style="background: #f0ad4e;height:50px; width:100%"></div>
                <div style="background: #555;position: fixed;bottom: 0;height:50px; width:80%" id="important"></div>
            </div>
        </div>
    </div>
</div>

id="important"是要用来固定在浏览器底端的一个块