最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

htmlcss控制div或者table等固定在指定位置_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:30:07
文档

htmlcss控制div或者table等固定在指定位置_html/css

htmlcss控制div或者table等固定在指定位置_html/css_WEB-ITnose:.bottomTable{ background-color: rgb(249,249,249); z-index:99999999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */ /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);
推荐度:
导读htmlcss控制div或者table等固定在指定位置_html/css_WEB-ITnose:.bottomTable{ background-color: rgb(249,249,249); z-index:99999999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */ /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);

.bottomTable{
background-color: rgb(249,249,249);
z-index:99999999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */
/* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight); */
_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */
overflow:visible;
}

1、z-index:设置层处于最顶层。

2、position:fixed;设置定位。

3、_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);通过css绑定js控制层距顶端的高度,

此处是控制层处于底部,具体数值根据需求作相应的调整。

4、document.body.scrollTop:body,body标签滚动条滚动的距离,可更换为你其它标签对象(存在滚动条)。

5、document.body.clientHeight,body标签的高度,可更换为你其它标签对象。

6、-6,距具体情况作相应改动。

文档

htmlcss控制div或者table等固定在指定位置_html/css

htmlcss控制div或者table等固定在指定位置_html/css_WEB-ITnose:.bottomTable{ background-color: rgb(249,249,249); z-index:99999999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */ /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);
推荐度:
标签: 位置 固定 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top