想让网页上的div元素一直卧底在页面最底部，操作其实特别简单哦。首先，你得新建一个html页面，然后在里面插入一个div标签，注意给它一个class，咱们这里叫它footer。接下来，给footer类设置css：position: fixed; bottom: 0，这样无论怎么滚动页面，它都会牢牢地停在最下面。比如这个样式设置：
.footer {
height: 100px;
width: 100%;
position: fixed;
bottom: 0;
background-color: #ccc;
}
是不是很棒呢？简单几步就让你的div固定底部了！
说到想把div往下挪一点，一样有妙招。你可以用position属性配合调节。举个例子，先新建一个html结构，定义两个div——一个命名为parent，一个叫child。给它们分别设定宽高和颜色，比如parent绿，child黄。默认情况下，yellow那个child会在绿色parent里面居中哦。如果想让child往下移动，只需要这么操作：
特别靠谱的办法，不用啥复杂代码，调一调top，div就乖乖动起来了！
关于div的高度自适应，这哥们的表现力可强啦。因为div里面常常有浮动元素，父容器有时候傻傻地算不出正确高度，这就尴尬了。解决办法其实超简单：你只要在浮动元素后面加个“清除浮动”的小东西，就能让父容器“感知”到里面内容的真实高度，火速自动撑起来。
具体操作呢，就是在浮动元素后插入一个空的div，带上css样式：
.clearfix::after {
content: "";
display: block;
clear: both;
}
然后给父容器加个clearfix类，搞定！这样你的div高度就能随内容自动适配啦。
除了高度问题，居中和对齐也是经常遇到的。你要让div水平居中，margin: auto;简直就是神器。只要给div指定一个宽度，然后margin设成auto，div就会乖乖呆在父容器正中。
如果想让div里面的文字或者内容居中，得一点小心思：
当提到让div上下自动对齐，基本招式是给div同样的上下外边距，比如：
.div1, .div2 {
margin-top: 20px;
margin-bottom: 20px;
}
调整好外边距后，div们自动眼神对齐，排成漂亮的上下队形，棒棒哒！
怎么用css让div固定在网页底部而不动呢？
嘿嘿，这个超简单！你只要给div加个class，比如footer，然后在css里设置position: fixed; bottom: 0; width: 100%;就完事儿啦。这样，无论页面怎么滚动，div都稳稳地卡在底部，妥妥的安全感！
想让div往下移几像素，最直接的办法是什么？
哎呀，说白了使用position: relative;配合top属性就能轻松搞定啦！给你的div声明position: relative，然后用top: 20px（或者你想要的数值）就能让它乖乖往下偏移，牛皮吧！
父容器算不出div的真实高度该咋办？
哦，这个问题很常见。原因是里面有浮动元素没被正确“清除”掉，导致父级div“看不见”那些内容。解决方法是在浮动元素后面加个空的清除浮动标签，或者给父容器加上clearfix伎俩，来个“清清爽爽”，就能让高度自动撑开。
怎么让div或者里面的内容在网页里完美居中？
给div设置一个具体宽度，然后用margin: auto;让它水平居中。要内容，比如文字居中呢？父容器加个text-align: center;内容放块级元素（p、span）里面，话说这招超级管用！（真的是又简单又实用，快试试吧！）
添加评论