박스와 박스의 간격 어떻게 띄우시나요?
시아
요즘 간격때문에 고민이 많은데요..
예를 들어 A box와 B box가 있는데요.
div class=A /
div class=b h_space /
. h_space {margin-top:10px;}
박스간의 간격을 h_space라는 클래스로 따로 지정해놓고
쓰고있었습니다.
그런데 이렇게 썼을 경우 문제가 생겼어요;
이게 프로그램은 안건드리고 다른페이지에서 보여질때
A와 B의 위치가 바껴서 보여야하거든요.
저런식으로 넣으면 B가 위로 올라가면서 위에 마진이 생깁니다.
그래서 따로
div class=A /
div class=h_space /
div class=b /
이런식으로 행간 띄우기용 div를 만들어서 쓸까합니다.
근데 이렇게하면 소스의 길이가 늘어나고요;
여러분들은 어떻게 작업하시나요;;
참 그리고; 제가 hr테그에 clear:both;를 넣어서 쓰고싶은데요.
뭘 실수를 한건지 hr테그의 선모양을 가리기위해 display：none;을 하면
clear:both;가 안먹을때가 있더라구요;;
clear:both는 어떤식으로 쓰시나요 ?
-
이퓨리한은지
훔 그렇군요...답변 감사합니다..^^
-
두힘
A box에다사 h_space를 주시고 .h_space { padding-top:10px; } 해주시면 간격 문제는 해결될듯 하고,
display:none; 속성을 주는건 어떠한 속성이나 요소가 들어가 있던지, 그 속성/요소는 무시하게 됩니다.
어떤때는 먹고 어떤때는 안먹고 하는게 아니고 안먹는게 정상이죠..
저같은 경우 가급적 clear:both;만을 위해 불필요한 마크업이 들어가지 않도록 하는데요.
만약 A box가 float된 B box -
무슬
div style=\float:left;\/div
div style=\float:right;\/div 주심 안될까요? 좌,우로 붙게...
clear:both;는 쉽게 알려드리면 \해제\입니다..ㅎㅎ
#footer{clear:both;}
clear:both;는 해당 block에서만 적용되기도 합니다(ie버그)
clear:both; 를 적용하면 적용한 아래가 모두 적용되는 것이 아니네요..