overflow:hidden;에서 left: 사용하기
제철
매번 하코사에서 좋은정보 얻어가고있어요. ~
이것저것 div를 최소화시켜서 코딩하려고하고있는데
왼쪽에 20을 띠우고 200픽셀의 왼쪽을 넣으려고하고있습니다. 그리고 오른쪽이놈은 220을 띠우고 넣으려고하고있구요.
나름대로 열심히 코딩을 해봣어요.
보기쉬우라고 style에 넣어놨습니다.
div style=width:1000px; background-color:#C00;overflow:hidden; margin:auto
div style=width:200px; float:left; left:20px;왼쪽/div
div style=width:500px; float:left; left:50px; left:220px;
오른쪽
br /
br /
br /
br /
br /
br /
br /
br /
br //div
/div위와같이 코딩하였으나 left 속성은 듣지가 않네요
그렇다고 부모값에 position:relative;와 자식값에 position:absolute; 를 줘버리니 부모의 배경색이 출력이 되지 않네요.
자식높이만큼 부모높이도 늘어나며 left 속성도 같이사용할 좋은 방법없을까요?
-
반율하
답변 감사합니다.
이미지 첨부하였습니다.
부모에 배경을 넣고 부모에게는 높이값을 주지않은이후 자식의 값에대해서 부모값의 높이가 올라가게 하고싶습니다.
그리고 왼쪽이부분의 위치가 20픽셀만큼 공간이 떨어진상태로 넣으려고하구요.
오른쪽부분은 220픽셀만큼 떨어진공간에 넣으려고 합니다
overflow:hidden를넣고 부모값에 position:relative;와 자식값에 position:absolute; 를 줘버리니 부모의 배경색이 출력이 되지 않네요.
-
깜찏한그1녀
left 를 주기 위해서는 해당요소가 position: relative 혹은absolute 를 줘야 합니다.
어떤 모습을 만들려고 하시는지 지금 쓰신 방법이 좀 이상한거 같은데 해당 그림을 한번 올려주세요