绝对定位的使用
<html>
<head>
<style>
.bt {
width: 100%;
height: 90px;
line-height: 70px;
text-align: center;
background-color: aqua;
z-index: 99;
position: absolute;
bottom: 0;
}
</style>
</head>
<body>
<view class="bt">
<el-button style="background-color: forestgreen;width:60%;">提交</el-button>
</view>
</body>
</html>
一、自定义一个类选择器，定义宽，高，线高，文字对齐方式，背景色，层数，位置类型。引用该类选择器，则由此得到一个绝对定位的按钮，无论页面有多少数据，它都固定在底部。
<html>
<head>
<style>
body {
min-height: 100vh;
}
.bt {
width: 100%;
height: 90px;
line-height: 90px;
text-align: center;
background-color: aqua;
z-index: 99;
position: absolute;
bottom: 0;
}
</style>
</head>
<body>
<div class="bt">111111111111111111</div>
</body>
</html> 
二、自定义一个类选择器，在上面的基础上，定义了全屏的数值的其他数值min-height: 100vh;这样屏幕才能上下滑动。
扫一扫
3115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
