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

웹지기맨

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-14 (수) 19:24:14 1,681

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

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

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

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

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

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

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

* html

</div>

* 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; }

1949201264_1518600331.3428.png

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

고수님들 답변주세요.

div태그

답변 1개

채택된 답변

+20 포인트

그림자밟기

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-14 (수) 19:52:54

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

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

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

Copy

<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>

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

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

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

답변 1개

공유하기