用CSS固定DIV层在页面顶部和底部（兼容IE6）

最新推荐文章于 2024-04-25 15:04:32 发布

原创最新推荐文章于 2024-04-25 15:04:32 发布 · 502 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用CSS将页面元素固定在浏览器的顶部或底部。通过简单的样式设置，可以实现元素随滚动条移动而保持位置不变的效果，适用于多种网页布局需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使元素固定在浏览器的顶部：.box

{

_position:absolute;

_bottom:auto;

_top:expression(eval(document.documentElement.scrollTop));

}

使元素固定在浏览器的底部：.

box{

_position:absolute;

_bottom:auto;

_TOP:
 expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sinat_39511351

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CSS控制DIV永远固定在页面底部不随滚动而滚动

09-25

控制DIV永远固定在页面底部的方法有很多，基本上都是通过css或js来实现的，本节也实现了一个这样的效果，大家可以学习下

通过 css 将 div 固定在底部 - css

survivorsfyh的博客

05-13

9376

对将要固定至底部的 div 设置如下 class 样式即可：设置基础宽高后并添加绝对位置定位 position 为 fixed 和 bottom 为 0； .footViewStyle { /*底部视图*/ background-color: #F4F5F6; width: 100%; height: 60px; position: fixed; bottom: 0; } 以上便是此次分享的全部内容，希望能对大家有所帮助！ ...

参与评论您还未登录，请先登录后发表或查看评论

CSS固定DIV，导航条顶部固定fixed（兼容IE6）

weixin_33816611的博客

06-12

222

CSS固定DIV，导航条顶部固定fixed（兼容IE6）如下图：固定之前：页面往下滚动之后：Demo免费下载：http://down.51cto.com/data/1327117fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。但是在IE6下，并不支持position...

css/html 将一个div固定在页面的底部位置

weixin_62462734的博客

04-06

2886

利用position:fixed属性。

css控制div固定在浏览器底部

weixin_34384915的博客

11-09

2788

css控制div固定在浏览器底部注意：此功能仅用于页面高度较小页面。代码如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <html> <head> <styletype="text/css"> body{ ...

css 固定顶部怎么用css定义一个固定在页面顶部的层

09-25

本篇将详细解释如何使用CSS定义一个固定在页面顶部的层，并给出兼容IE6的代码示例。首先，要理解CSS中的`position`属性。`position`属性决定了元素的位置相对于其正常流（默认的静态定位）或其他元素。固定定位（`...

如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

09-25

针对标题“如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器”以及描述“DOCTYPE 影响 CSS 处理”，我们将详细讨论CSS兼容性和DOCTYPE对CSS的影响，以及处理这些浏览器差异的策略。 1. **DOCTYPE与CSS...

div footer标签css实现位于页面底部固定

09-25

本文将探讨两种方法，以CSS技术解决这一问题，确保页脚固定在页面底部。首先，让我们分析提供的代码示例。这段代码使用了四个主要的div元素：`.container`、`.header`、`.page` 和 `.footer`。`.container` 是一个...

div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

10-11

本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`<!DOCTYPE...

html css 控制div或者table等固定在指定位置的实现方法

09-28

下面将详细介绍如何使用CSS控制div或table固定在指定位置的实现方法。首先，我们了解position属性的几种不同值，因为定位是关键： - position:static; 默认值，元素按正常的文档流布局。 - position:relative; ...

固定div，滚动到顶部固定

11-22

这个例子是把div固定在设定的地方，不跟着滚动条滚动！

CSS+DIV固定顶部导航代码-不跟随页面滚动，附源文件，经典收藏

04-09

NULL 博文链接：https://liujinghao.iteye.com/blog/1630713

css设置div 在页面底部,CSS控制DIV永远固定在页面底部

weixin_34950302的博客

08-03

4252

html,body {width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;}#Main {position:absolute;bottom:0px;left:0px;width:100%;height:100%;overflow:auto;z-index:1;}#ToolBar {position:absolute;botto...

div固定在浏览器顶部

在北风吹起的时候加入我们的队伍在秋雨到来的时候成为彼此的温暖

04-22

3714

<!doctype html><html><head><meta charset="utf-8"><title>div固定在浏览器顶部</title><script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js">

css使DIV位于页面最底部