페이지 구성중에 문득 궁금한게 생겨서 검색을 해봐도 딱히 답변을 못찾겠어서요...
이런 모습의 내용을 구성한다고 할때
전체를 100%로 잡고 좌측은 고정픽셀로 하고 우측은 유동픽셀로 100%에서 좌측 고정픽셀을 제외한 나머지를 꽉채우도록 구성하려면 어떻게 해야되나요??
css3에서 유동div에서 고정px div사이즈를 마이너스 시킬수 있다고 어디서 본것 같긴한데..
답변좀 부탁드리겠습니다!!
댓글 4개
13년 전
원하시는게 혹시 이건가요?
css3 는 잘 모르겠네요.
<style>
#wrap {position:relative;margin-left:100px} /*우측*/
#aside {position:absolute;top:0;left:-100px;width:100px} /*좌측*/
</style>
<div id='wrap'>
<div id='aside'>좌측</div>
우측내용
</div>
css3 는 잘 모르겠네요.
<style>
#wrap {position:relative;margin-left:100px} /*우측*/
#aside {position:absolute;top:0;left:-100px;width:100px} /*좌측*/
</style>
<div id='wrap'>
<div id='aside'>좌측</div>
우측내용
</div>
13년 전
주말을 바쁘게 보내다 보니 이제 답변 달아주신걸 봤습네요.
조언 감사합니다 ^^
조언 감사합니다 ^^
13년 전
<div style="clear:both;margin:0;width:100%;padding:0;overflow:hidden">
<div style="float:left;width:120px;height:100px;padding:0px 0;background:#333;margin:0"></div>
<div style="float:left;width:100%;height:100px;margin-right:-120px;background:#ff6600;"><div>
</div>
정답인지 모르겠지만 이런식으로 하면 되지 않을까 생각합니다^^
<div style="float:left;width:120px;height:100px;padding:0px 0;background:#333;margin:0"></div>
<div style="float:left;width:100%;height:100px;margin-right:-120px;background:#ff6600;"><div>
</div>
정답인지 모르겠지만 이런식으로 하면 되지 않을까 생각합니다^^
13년 전
이방법도 생각해본 방법인데 이렇게 하면 오른쪽에 있는 background:#ff6600; 속성을 가지고 있는 div에서 줄바꿈이 끝에 맞춰서 안되겠더라구요...
어쨌든 답변 감사합니다!!
어쨌든 답변 감사합니다!!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5130 | 13년 전 | 750 | ||
| 5129 | 13년 전 | 1759 | ||
| 5128 | 13년 전 | 927 | ||
| 5127 | 13년 전 | 504 | ||
| 5126 | 13년 전 | 743 | ||
| 5125 | 13년 전 | 1347 | ||
| 5124 | 13년 전 | 817 | ||
| 5123 | 13년 전 | 453 | ||
| 5122 | 13년 전 | 991 | ||
| 5121 |
 다이어리펜션 |
13년 전 | 1379 | |
| 5120 | 13년 전 | 496 | ||
| 5119 | 13년 전 | 472 | ||
| 5118 | 13년 전 | 400 | ||
| 5117 | 13년 전 | 714 | ||
| 5116 | 13년 전 | 448 | ||
| 5115 | 13년 전 | 904 | ||
| 5114 | 13년 전 | 937 | ||
| 5113 |
cookieyou
|
13년 전 | 1345 | |
| 5112 | 13년 전 | 528 | ||
| 5111 | 13년 전 | 817 | ||
| 5110 | 13년 전 | 4440 | ||
| 5109 | 13년 전 | 1061 | ||
| 5108 | 13년 전 | 402 | ||
| 5107 | 13년 전 | 474 | ||
| 5106 | 13년 전 | 630 | ||
| 5105 | 13년 전 | 1096 | ||
| 5104 | 13년 전 | 411 | ||
| 5103 |
프로프리랜서
|
13년 전 | 1339 | |
| 5102 | 13년 전 | 1582 | ||
| 5101 | 13년 전 | 456 | ||
| 5100 | 13년 전 | 367 | ||
| 5099 | 13년 전 | 518 | ||
| 5098 | 13년 전 | 2127 | ||
| 5097 | 13년 전 | 374 | ||
| 5096 | 13년 전 | 519 | ||
| 5095 | 13년 전 | 383 | ||
| 5094 | 13년 전 | 388 | ||
| 5093 | 13년 전 | 872 | ||
| 5092 | 13년 전 | 1052 | ||
| 5091 | 13년 전 | 403 | ||
| 5090 | 13년 전 | 505 | ||
| 5089 | 13년 전 | 949 | ||
| 5088 | 13년 전 | 401 | ||
| 5087 | 13년 전 | 1152 | ||
| 5086 | 13년 전 | 1477 | ||
| 5085 |
 불편한진실 |
13년 전 | 3922 | |
| 5084 |
alexseo
|
13년 전 | 906 | |
| 5083 | 13년 전 | 1121 | ||
| 5082 | 13년 전 | 597 | ||
| 5081 | 13년 전 | 519 | ||
| 5080 | 13년 전 | 592 | ||
| 5079 | 13년 전 | 961 | ||
| 5078 | 13년 전 | 2175 | ||
| 5077 | 13년 전 | 662 | ||
| 5076 |
몰보는거야
|
13년 전 | 1685 | |
| 5075 |
 cshop |
13년 전 | 1764 | |
| 5074 | 13년 전 | 2005 | ||
| 5073 |
cshop |
13년 전 | 763 | |
| 5072 |
프로프리랜서
|
13년 전 | 1034 | |
| 5071 |
프로프리랜서
|
13년 전 | 761 | |
| 5070 |
프로프리랜서
|
13년 전 | 872 | |
| 5069 |
뭐먹고살지ㅠ
|
13년 전 | 781 | |
| 5068 |
danielle
|
13년 전 | 642 | |
| 5067 | 13년 전 | 758 | ||
| 5066 | 13년 전 | 833 | ||
| 5065 | 13년 전 | 902 | ||
| 5064 | 13년 전 | 1715 | ||
| 5063 | 13년 전 | 429 | ||
| 5062 | 13년 전 | 801 | ||
| 5061 | 13년 전 | 575 | ||
| 5060 | 13년 전 | 379 | ||
| 5059 |
senseme
|
13년 전 | 834 | |
| 5058 | 13년 전 | 2842 | ||
| 5057 | 13년 전 | 1909 | ||
| 5056 | 13년 전 | 1479 | ||
| 5055 | 13년 전 | 437 | ||
| 5054 |
senseme
|
13년 전 | 1059 | |
| 5053 |
senseme
|
13년 전 | 1903 | |
| 5052 |
senseme
|
13년 전 | 1035 | |
| 5051 |
senseme
|
13년 전 | 1057 | |
| 5050 |
senseme
|
13년 전 | 796 | |
| 5049 |
senseme
|
13년 전 | 973 | |
| 5048 | 13년 전 | 1981 | ||
| 5047 | 13년 전 | 487 | ||
| 5046 |
우렁찬우렁이
|
13년 전 | 853 | |
| 5045 |
크라이스트
|
13년 전 | 2145 | |
| 5044 | 13년 전 | 958 | ||
| 5043 | 13년 전 | 521 | ||
| 5042 | 13년 전 | 964 | ||
| 5041 |
 HARUNET |
13년 전 | 803 | |
| 5040 |
스마일라니
|
13년 전 | 865 | |
| 5039 | 13년 전 | 1129 | ||
| 5038 | 13년 전 | 1918 | ||
| 5037 | 13년 전 | 1041 | ||
| 5036 |
cookieyou
|
13년 전 | 1397 | |
| 5035 | 13년 전 | 491 | ||
| 5034 | 13년 전 | 553 | ||
| 5033 | 13년 전 | 485 | ||
| 5032 | 13년 전 | 430 | ||
| 5031 | 13년 전 | 727 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기