페이지 구성중에 문득 궁금한게 생겨서 검색을 해봐도 딱히 답변을 못찾겠어서요...
이런 모습의 내용을 구성한다고 할때
전체를 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에서 줄바꿈이 끝에 맞춰서 안되겠더라구요...
어쨌든 답변 감사합니다!!
어쨌든 답변 감사합니다!!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5330 | 13년 전 | 778 | ||
| 5329 | 13년 전 | 717 | ||
| 5328 | 13년 전 | 646 | ||
| 5327 | 13년 전 | 889 | ||
| 5326 |
downmix
|
13년 전 | 1127 | |
| 5325 |
techer
|
13년 전 | 3153 | |
| 5324 |
techer
|
13년 전 | 981 | |
| 5323 | 13년 전 | 1192 | ||
| 5322 |
김준수사랑
|
13년 전 | 905 | |
| 5321 |
다케미카코
|
13년 전 | 765 | |
| 5320 |
 cshop |
13년 전 | 1002 | |
| 5319 |
한번잘해보자
|
13년 전 | 1017 | |
| 5318 |
cshop |
13년 전 | 1282 | |
| 5317 |
techer
|
13년 전 | 2710 | |
| 5316 |
techer
|
13년 전 | 3153 | |
| 5315 | 13년 전 | 1185 | ||
| 5314 |
티즈코리아
|
13년 전 | 1235 | |
| 5313 | 13년 전 | 714 | ||
| 5312 |
cshop |
13년 전 | 1882 | |
| 5311 |
innis
|
13년 전 | 779 | |
| 5310 | 13년 전 | 865 | ||
| 5309 |
changho
|
13년 전 | 665 | |
| 5308 |
 raineye |
13년 전 | 1370 | |
| 5307 |
cshop |
13년 전 | 807 | |
| 5306 | 13년 전 | 1192 | ||
| 5305 |
세상속으로
|
13년 전 | 1170 | |
| 5304 | 13년 전 | 676 | ||
| 5303 | 13년 전 | 2264 | ||
| 5302 | 13년 전 | 1406 | ||
| 5301 | 13년 전 | 1119 | ||
| 5300 |
프로프리랜서
|
13년 전 | 1095 | |
| 5299 | 13년 전 | 878 | ||
| 5298 | 13년 전 | 686 | ||
| 5297 |
나랑사귈래
|
13년 전 | 615 | |
| 5296 | 13년 전 | 1345 | ||
| 5295 | 13년 전 | 1126 | ||
| 5294 | 13년 전 | 734 | ||
| 5293 |
 Terrorboy |
13년 전 | 5829 | |
| 5292 |
cshop |
13년 전 | 796 | |
| 5291 | 13년 전 | 624 | ||
| 5290 | 13년 전 | 563 | ||
| 5289 | 13년 전 | 658 | ||
| 5288 | 13년 전 | 1179 | ||
| 5287 | 13년 전 | 768 | ||
| 5286 | 13년 전 | 984 | ||
| 5285 | 13년 전 | 1334 | ||
| 5284 |
미스홍당무
|
13년 전 | 864 | |
| 5283 |
basketball
|
13년 전 | 1769 | |
| 5282 | 13년 전 | 802 | ||
| 5281 |
 엘남매아빠 |
13년 전 | 814 | |
| 5280 | 13년 전 | 1223 | ||
| 5279 | 13년 전 | 1391 | ||
| 5278 |
크라이스트
|
13년 전 | 2059 | |
| 5277 |
 아지야학교가자 |
13년 전 | 740 | |
| 5276 |
그누보드환자이송
|
13년 전 | 797 | |
| 5275 | 13년 전 | 709 | ||
| 5274 | 13년 전 | 1380 | ||
| 5273 | 13년 전 | 2012 | ||
| 5272 | 13년 전 | 1125 | ||
| 5271 | 13년 전 | 1441 | ||
| 5270 | 13년 전 | 816 | ||
| 5269 | 13년 전 | 537 | ||
| 5268 | 13년 전 | 673 | ||
| 5267 | 13년 전 | 1197 | ||
| 5266 | 13년 전 | 1864 | ||
| 5265 | 13년 전 | 1636 | ||
| 5264 |
크라이스트
|
13년 전 | 1216 | |
| 5263 |
 홈피공장장 |
13년 전 | 1270 | |
| 5262 |
제이티37
|
13년 전 | 591 | |
| 5261 |
 스마트파인드 |
13년 전 | 789 | |
| 5260 |
quenya
|
13년 전 | 2079 | |
| 5259 | 13년 전 | 715 | ||
| 5258 | 13년 전 | 736 | ||
| 5257 |
크라이스트
|
13년 전 | 4605 | |
| 5256 | 13년 전 | 1263 | ||
| 5255 | 13년 전 | 3276 | ||
| 5254 |
 몽키D팡야 |
13년 전 | 717 | |
| 5253 | 13년 전 | 776 | ||
| 5252 | 13년 전 | 778 | ||
| 5251 | 13년 전 | 735 | ||
| 5250 |
dudn1114
|
13년 전 | 1299 | |
| 5249 | 13년 전 | 680 | ||
| 5248 | 13년 전 | 746 | ||
| 5247 | 13년 전 | 2087 | ||
| 5246 | 13년 전 | 514 | ||
| 5245 | 13년 전 | 2204 | ||
| 5244 | 13년 전 | 1466 | ||
| 5243 |
엘남매아빠 |
13년 전 | 979 | |
| 5242 | 13년 전 | 777 | ||
| 5241 | 13년 전 | 1858 | ||
| 5240 |
 TopSchooL |
13년 전 | 511 | |
| 5239 | 13년 전 | 1040 | ||
| 5238 | 13년 전 | 1234 | ||
| 5237 | 13년 전 | 1126 | ||
| 5236 | 13년 전 | 593 | ||
| 5235 |
스마트파인드 |
13년 전 | 772 | |
| 5234 |
뭐먹고살지ㅠ
|
13년 전 | 1033 | |
| 5233 | 13년 전 | 3603 | ||
| 5232 | 13년 전 | 3149 | ||
| 5231 | 13년 전 | 3735 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기