css 如何设置底部固定

css如何设置底部固定,就是不管浏览器界面大小总是固定在底部,但是如果浏览器窗口小于500像素会自动消失,求大神指点。。。。... css如何设置底部固定,就是不管浏览器界面大小总是固定在底部,但是如果浏览器窗口小于500像素会自动消失,求大神指点。。。。 展开
 我来答
小仙女看电影
2018-11-01 · TA获得超过3.6万个赞
知道答主
回答量:15
采纳率:100%
帮助的人:2031
展开全部

要css 底部固定需要两部分代码:html代码、css代码

1、html代码:

<body>

<div class='header'></div>

<div class='container'></div>

<div class='footer'></div>

</body>

2、css代码:

.container{ padding-bottom:30px; /*需要 >= footer的height值*/}

.footer{ height:30px; position:fixed;  bottom:0px;  z-index:-1;}

扩展资料:

HTML代码使用规范问题:

1、格式问题

在代码视图中编写代码,一定要规范的格式,不要把代码全部都写到一块,这样不仅影响效率,更加影响视觉,当出现问题的时候往往很难找到原因所在,比如,我在编写HTML标签的时候总是每个标签都顶格写,结果今天在实验的时候,出现了错误,自己看着自己的代码找问题都想着急,最后根据嵌套的层数找到了原因,缺少了结束标签 导致的严重错误,所以谨记要把代码格式写规范;

2、布局问题:

在设计网页时,应该首先构造好网页的整个框架,然后对每个框架逐一进行完善,这样当那个部分出现问题的时候,我们就可以单独找到那个模块进行修改,例如我们刚刚学到的div+css这一部分的时候,应该先创建一个总的容器,然后在容器中逐一添加登录、导航、广告展示、主要内容、版权信息等各个模块,设置好各自的css样式,然后 再进行进一步的细化。

在这样的设计中,如果不先设计好总的结构,div的位置就会错乱,那样就不能很清晰地找到发生状况的原因。

3、输入问题:

一定要正确输入标签。输入标签时,不要输入多余的空格,否则浏览器可能无法识别这个标签,导致无法正确地显示信息。各种符号一定要在英文状态下输入,否则不会 显示正确的效果。源代码不区分大小写。

4、属性设置问题:

相应的标签对应着自己的属性,因为各个标签对应的属性实在是太多了,很容易混淆,如果我们想给某个标签内的内容设置相应的属性,我们必须在该标签内找到相应的 属性方法进行设置,比如将<table>的宽度设置为700、边框宽度设置为1、单元格间距为0,相应的代码设置是:<table width="700" border="1" cellspacing="0" >;

5、引用问题:

当我们在外部设置了css样式,并且要引用这个样式表时,我们必须要在<head></head>标签内添加<link>标签,如外部样式表为style.css,那么我们需要在head标签中添加的是<link href="css/style.css" rel="stylesheet" type="text/css"/>,首先href是引入样式的地址必不可少,rel定义了文档与链接的关系,stylesheet是定义一个外部加载样式表。

参考资料:百度百科——HTML代码

奥力给2023
推荐于2018-02-25 · TA获得超过2164个赞
知道小有建树答主
回答量:731
采纳率:67%
帮助的人:383万
展开全部

1、打开一个编辑软件设置一下css与div区域,使其固定在页面的底部

其主要属性:position:fixed; 绝对定位生成绝对定位的元素,相对于浏览器窗口进行定位。

2、网页中实现效果如下:

扩展:还有一种定位方式为:position:absolute;如上例方式浏览器滑动的时候,它会随着浏览器滚动条而滚动;而position:absolute;则不会

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
凤凤给你糖Bh
2013-09-25 · 超过44用户采纳过TA的回答
知道小有建树答主
回答量:263
采纳率:0%
帮助的人:152万
展开全部
可以决定定位或是相对定位,当浏览器小于500的时候消失,这可以用js完成
追问
求代码
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hawkeyes0
2013-09-25 · TA获得超过600个赞
知道小有建树答主
回答量:484
采纳率:0%
帮助的人:143万
展开全部
display: block;
position: absolute;
bottom: 0;
height: 40px;
left: 0;
right: 0;
追问
那么当浏览器窗口小于500像素,底部会自动消失,怎么设置呢
追答

你可以搜索响应式布局,大致的写法:

@media all and (max-width: 500px){
#xxx{
    display: none;
}
}
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式