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

헐크매니아

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

2016-11-17 (목) 21:34:14 4,476

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

어떻게 해야 될까요?

div 레이아웃

답변 4개 / 댓글 8개

채택된 답변

+20 포인트

sinbi

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

2016-11-17 (목) 22:14:01

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

calc(%길이 - px길이)

답변에 대한 댓글 1개

헐크매니아

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

2016-11-17 (목) 22:33:06

정말 감사합니다.

승희아빠

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

2016-11-18 (금) 05:25:20

Copy

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

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

답변에 대한 댓글 5개

sinbi

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

2016-11-18 (금) 06:11:48

승희아빠 님 대단하세요. 천재심 ^^
숟가락 얹어 소스 정리해봤습니다.
http://codepen.io/sinbi/pen/yVVKVq

승희아빠

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

2016-11-18 (금) 11:46:20

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