13518219792
两种办法，第一种可以作为默认选择。两种办法都可以让文字底部对齐。
创新互联是一家集网站建设,三门企业网站建设,三门品牌网站建设,网站定制,三门网站建设报价,网络营销,网络优化,三门网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
1、如果是文字或者其他块级元素。使用定位的思想。position：absolute，然后boottom：0。父元素注意要设置一下position：relative。因为绝对定位是相对于最近一个非static定位的元素的相对位置。 但是如果出现多个元素在同一父元素内 同时需要绝对定位移动位置，那么需要注意，如果直接这样做，会造成那些元素重叠，而不是与float一样的正常排布，这是因为他们有相同的父元素，使用绝对定位之后就都会移动到父元素的左边，而不是还处在原来的位置。
为了解决这种情况，需要给那些需要移动位置的元素 嵌套一个父元素，让他们的父元素去定位，给他们的父元素设置relative，这样原先的父元素就变成了爷元素。这样一来，再给他们设置完绝对定位加位置属性之后就不会出现重叠的效果，因为他们都是在父元素的限度内去移动，再跑也跑不出来。这样就又不重叠，又能贴近底部，但是需要注意。新嵌套的父元素需要一个固定的高度，高度要高于内部元素。不然他的高度就是被内部元素撑开的。
2、如果是文字（块级元素没试过，到时候可以试一下）。那么需要给包着文字的那个div设置成 display：table-cell+ vertical：bottom。这样文字就贴着div底部了。
拓展资料：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
参考资料：百度百科-CSS （层叠样式表）
想要固定在底部用 position:fixed; bottom:0;
但是这里有一种情况，就是当手机键盘弹出时，可能影响你的垂直布局，不过目前并没有办法监控键盘是不是弹出来了。所以也只能勉强用 position:fixed; bottom:0;
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title测试/title
style type="text/css"
html,body{
padding:0px;
margin:0px;
height:100%;
}
#all{
width:1000px;
margin:0px auto;
min-height:100%;
position:relative;
border:0px;
}
#top{
height:70px;
overflow:hidden;
}
#logo{
float:left;
width:200px;
height:70px;
margin-right:10px;
}
#logo_title{
font-size:18px;
font-weight:bold;
padding-top:40px;
width:300px;
overflow:hidden;
height:70px;
line-height:30px;
font-family:'微软雅黑','幼圆','黑体',Verdana;
}
#main_menu{
padding-bottom:50px;
}
#main_content{
margin-top:10px;
}
#bottom{
clear:both;
text-align:right! important;
line-height:50px;
font-size:10pt;
color:#333;
position: absolute;
bottom: 0px;
width:100%;
}
#bottom a{
clear:both;
color:#333;
text-decoration:none;
}
#bottom a:hover{
clear:both;
color:#FF3333;
text-decoration:none;
}
/style
/head
body
div id="all"
div id="main_menu"
div id="top"
div id="logo"img src="images/logo.gif" width="190" height="70" //div
div id="logo_title"头部标题/div
/div
div id="main_content"
主体内容
/div
/div
div id="bottom"a href="#"底部链接/a /div
/div
/body
/html
对将要固定至底部的 div 设置如下 class 样式即可：
设置基础宽高后并添加绝对位置定位 position 为 fixed 和 bottom 为 0；
以上便是此次分享的全部内容，希望能对大家有所帮助！
要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代码
