网站首页编程语言正文

css absolute绝对定位让 top 和bottom 同时生效

作者：yunchong_zhao 更新时间： 2022-04-17 编程语言

在这里插入图片描述
只要你的元素没有设置高度就可以实现。可以用来处理一些响应式的页面处理

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div {
            position: absolute;
            top: 50px;
            bottom: 150px;
            left: 50px;
            right: 50px;
            border: 1px solid #f00;
        }
    style>
head>
<body>
    <div>div>
body>
html>

关注我持续更新前端知识

原文链接：https://yunchong.blog.csdn.net/article/details/122543840

上一篇：论一次 taro小程序分包优化经历，小程序体积过大的优化
下一篇：小程序中元素滚动到元素的底部，一直保持在底部

网站首页 编程语言 正文

css absolute绝对定位 让 top 和bottom 同时生效

相关推荐

网站首页编程语言正文

css absolute绝对定位让 top 和bottom 同时生效