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

css 탭메뉴를 만드는중입니다... 채택완료

Aro컴퍼니 4년 전 조회 2,237

저 회색을 빨간색 오른쪽에 배치를 하고 싶은데 안되요 ㅠㅠ

  

 

첩살이

 

첩살이 밥상

 
css 탭 메뉴 만들기

   

   

   

 

첩살

 

첩살이

 

첩살이랑

css

.sn {   width: 600px;   margin:0 auto;   height: 400px;   background: #d04629;

  position: relative; }

.sn label{   display: block; }

.sn > div {   width: 300px;   height: 400px;   background: #ddd;

  display: none; }

#tab1:checked ~ #con1, #tab2:checked ~ #con2, #tab3:checked ~ #con3 { display: block; }  

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

답변 1개

채택된 답변
+20 포인트

대충 짜 볼게요

이렇게 구현을 원하는게 맞나 싶지만

</p>

<p><style></p>

<p>.sn_wrap { width:1200px; height:500px; margin:0 auto; }</p>

<p>    .sn1 { width:200px; height:100%; float:left; background:red; }</p>

<p>    .sn2 { width:200px; height:100%; float:left; background:gray; }</p>

<p>    .sn3 { width:200px; height:100%; float:left; background:green; }</p>

<p></style></p>

<p><div class="sn_wrap"></p>

<p>    <div class="sn1"></p>

<p>    </div></p>

<p>    <div class="sn2"></p>

<p>    </div></p>

<p>    <div class="sn3"></p>

<p>    </div></p>

<p></div></p>

<p>

 

요런식의 레이아웃을 원하는게 맞아요??

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

답변에 대한 댓글 1개

A
Aro컴퍼니
4년 전
감사합니다^^

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

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

로그인