div로 이런 레이아웃 가능한가요?

div로 이런 레이아웃 가능한가요?

QA

div로 이런 레이아웃 가능한가요?

본문

테이블로 만들면 금방인데 div로 해보려고 합니다.

어떻게 해야 될까요?

46b4104d431535c67d71713d744dc65c_1479386005_0719.jpg
 

이 질문에 댓글 쓰기 :

답변 4

인터넷에서 calc 함수에 대해 검색해 보세요.

 

calc(%길이 - px길이)

<!doctype html>
<html lang="kr" style="height:100%;">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body style="margin:0px 300px 0px 230px; height:100%; ">
 
   <div style="width:200px; height:100%; margin-left:-200px; float:left; background-color:yellow;">
    200px
   </div>
 
   <div style="width:100%; height:100%; float:left; background-color:green;">
    100%
   </div>
   
   <div style="width:300px; height:100%; margin-right:-300px; float:right; background-color:orange;">
    300px
   </div>
 
 </body>
</html>

디자이너 아님... 개발자임... 

감사합니다... 천재는 아닙니다.  한 1시간 이리 저리 하다 얻어걸린 겁니다.
레이아웃은 오랜만에 만들어 본거라...
정리하신 소스는 숟가락 얹은 정도가 아니라 밥상을 새로 차린듯 깔끔하네요.
디자이너시면 함께 일하고 싶은 맘이 막 듭니다.
반응형 처리까지... 님이야 말로 천재신듯...

네  

<div 스타일 값을주면됩니다>

<div 스타일 값을주면됩니다>

 

</div>

<div 스타일 값을주면됩니다>

 

</div>

<div 스타일 값을주면됩니다>

 

</div>

</div>

 

이런식도 있습니다

<div 스타일 값을주면됩니다>

<li 스타일 값을주면됩니다></li>

<li 스타일 값을주면됩니다></li>

<li 스타일 값을주면됩니다></li>

</div> 

답변을 작성하시기 전에 로그인 해주세요.
전체 106
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT