                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之overflow

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

bull shit!

absolute error!

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

13:18

UFO2015

2017-01-16

源自：CSS深入理解之overflow 3-1

关注问题我要回答

1714

操作

收起

3 回答

网友张顺飞
2021-05-18

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

0 回复有任何疑惑可以回复我~

收起回答

UFO2015 提问者
2017-01-16

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

0 回复有任何疑惑可以回复我~

收起回答

UFO2015 提问者
2017-01-16

<!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 回复有任何疑惑可以回复我~

收起回答