position: absolute ??? 没有使用场景, are you kidding me!-慕课网

position: absolute ??? 没有使用场景, are you kidding me!

来源：3-1 Overflow与块状格式上下文

UFO2015

2017-01-16 01:35

bull shit!

absolute error!

.conatiner{
    position: relative;
}
.box{
    position: absolute;
    width: 50%;
    height: 50%;
    background: red;
    transform: translateX(50%), translateY(50%);
}

写回答关注

3回答

网友张顺飞

2021-05-18 15:39:30

人老师说的是两栏自适应布局不适合使用absolute，你整个绝对居中，闹哪样啊？?

0 0
UFO2015

2017-01-16 01:39:53

https://learning.xgqfrms.xyz/CSS3/float%20&%20position/absolute-center.html

0 0

UFO2015: 2017-01-16 01:38:14

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>absolute-center</title>
    <style>
        .box2{
            width: 50%;
            height: 50%;
            background: red;
            position: absolute;
            transform: translateX(50%) translateY(50%);
        }
    </style>
</head>
<body>
    <div>
        <!-- 50% x 50% center-->
    </div>
</body>
</html>

0 0

CSS深入理解之overflow

深入理解overflow相关特性及实际应用，为你打开另外一扇学习之窗

41720 学习 · 85 问题

查看课程

相似问题

跟随怎么使用

回答 1

老湿是如何实现absolute元素表现为fixed的？百思不得其解啊

回答 1

回答 1

回答 2

回答 1