테스트 사이트 - 개발 중인 베타 버전입니다

이런건 코딩을 어떻게해야할지 모르겠네요ㅡㅡ; 채택완료

웹지기맨 7년 전 조회 1,522

표준코딩으로 아래것은 어떻게 처리해야할지 잘 안되네요ㅡㅡ;;

전체박스를 만들고 회생 배경을 준 후에 그 이후가 잘 안되네요..

아래처럼 4개 박스로 정렬시켜서 각각에 이미지들어가고 각각 박스에 내용을 넣을려는데..

우선 아래처럼 박스4개 들어가고 가운데 정렬에 사이에 빈공간있는 상태로 만들고싶은데

코딩을  어떻게 코딩 짜야할까요?

 

아래는 코딩을 이것저것 시도하다가 다 지우고 원래 코딩으로 다시 남겨뒀네요.

---------------------------------------------------------

* html

           

11

       

 

* css

#container .area .bussines_newbbs_box { position:relative; width:1400px; margin:0 auto; height:353px; background-color:#d7d7d7; }

#container .area .bussines_newbbs_box .bbsbox {width:1357px; height:323px;border:1px solid #979797; }  

 

 

http://wixmodoo.kr/kvcc.kr/" target="_blank">http://wixmodoo.kr/kvcc.kr/  ==>작업 url 

 

고수님들 답변주세요.

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
그림자밟기

인라인 스탈로 걍 짜두었습니다.

:after 선택자로 clear 하면 되긴 하구요.

대략적으로 참고하시면 될 것 같습니다.

</p>

<p><div style="float:left;width:25%">

    <div style="margin:15px;border:1px solid #ccc;background-color:#fff;">

    1111

    </div>

</div>

<div style="float:left;width:25%">

    <div style="margin:15px;border:1px solid #ccc;background-color:#fff;">

    1111

    </div>

</div>

<div style="float:left;width:25%">

    <div style="margin:15px;border:1px solid #ccc;background-color:#fff;">

    1111

    </div>

</div>

<div style="float:left;width:25%">

    <div style="margin:15px;border:1px solid #ccc;background-color:#fff;">

    1111

    </div>

</div></p>

<p><div style="clear:both"></div>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인