CSS 포지셔닝

카테고리 없음2018. 5. 1. 14:40

CSS 포지셔닝

<head>
        <style>
                div {
                        position: relative;
                        width: 100px;
                        height: 100px;
                        background-color: beige;
                        border: black solid;
                }

                .parent {
                        width: 300px;
                        height: 300px;
                        margin: 100px;
overflow:hidden;

overflow: 

자식요소들의 박스가 부모의 영역을 벗어났을 때

  어떻게 표현할 것인가?


                }

                .top {
                        top: -50px;
                        background-color: blue;
                }

                .left {
                        top: -100px;
                        left: 50px;
                        background-color: red;
                }

                .right {
                        top: -150px;
                        left: 100px;
                        background-color: green;
                }
        </style>
        <title>Document</title>
</head>

<body>
        <div class="parent">
                <div class="top"></div>
                <div class="left"></div>
                <div class="right"></div>
        </div>

</body>