페이지 구성중에 문득 궁금한게 생겨서 검색을 해봐도 딱히 답변을 못찾겠어서요...
이런 모습의 내용을 구성한다고 할때
전체를 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에서 줄바꿈이 끝에 맞춰서 안되겠더라구요...
어쨌든 답변 감사합니다!!
어쨌든 답변 감사합니다!!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4930 | 13년 전 | 655 | ||
| 4929 | 13년 전 | 2019 | ||
| 4928 | 13년 전 | 629 | ||
| 4927 |
 캐네스제롬 |
13년 전 | 787 | |
| 4926 | 13년 전 | 1111 | ||
| 4925 |
techer
|
13년 전 | 1270 | |
| 4924 |
techer
|
13년 전 | 2878 | |
| 4923 |
techer
|
13년 전 | 3082 | |
| 4922 | 13년 전 | 596 | ||
| 4921 | 13년 전 | 1101 | ||
| 4920 |
StyleRoot
|
13년 전 | 579 | |
| 4919 | 13년 전 | 1160 | ||
| 4918 |
onlymilk74
|
13년 전 | 942 | |
| 4917 |
하나데이타
|
13년 전 | 827 | |
| 4916 |
하나데이타
|
13년 전 | 1153 | |
| 4915 | 13년 전 | 416 | ||
| 4914 | 13년 전 | 1810 | ||
| 4913 | 13년 전 | 1556 | ||
| 4912 | 13년 전 | 1285 | ||
| 4911 | 13년 전 | 724 | ||
| 4910 | 13년 전 | 1208 | ||
| 4909 |
성민꼬르꼬
|
13년 전 | 1421 | |
| 4908 | 13년 전 | 1024 | ||
| 4907 | 13년 전 | 2205 | ||
| 4906 | 13년 전 | 859 | ||
| 4905 |
kinyenug1
|
13년 전 | 593 | |
| 4904 |
kinyenug1
|
13년 전 | 778 | |
| 4903 | 13년 전 | 3573 | ||
| 4902 | 13년 전 | 2453 | ||
| 4901 | 13년 전 | 1011 | ||
| 4900 | 13년 전 | 1184 | ||
| 4899 | 13년 전 | 2582 | ||
| 4898 | 13년 전 | 1572 | ||
| 4897 |
다케미카코
|
13년 전 | 743 | |
| 4896 |
안뇽하어영
|
13년 전 | 803 | |
| 4895 |
baek83
|
13년 전 | 2206 | |
| 4894 | 13년 전 | 692 | ||
| 4893 | 13년 전 | 941 | ||
| 4892 | 13년 전 | 436 | ||
| 4891 | 13년 전 | 594 | ||
| 4890 | 13년 전 | 1331 | ||
| 4889 |
Black
|
13년 전 | 2875 | |
| 4888 |
techer
|
13년 전 | 635 | |
| 4887 |
techer
|
13년 전 | 898 | |
| 4886 |
visualp
|
13년 전 | 1282 | |
| 4885 | 13년 전 | 693 | ||
| 4884 |
너는나의봄이다
|
13년 전 | 2311 | |
| 4883 | 13년 전 | 913 | ||
| 4882 | 13년 전 | 1584 | ||
| 4881 | 13년 전 | 1826 | ||
| 4880 | 13년 전 | 1644 | ||
| 4879 | 13년 전 | 961 | ||
| 4878 |
 iwebstory |
13년 전 | 1256 | |
| 4877 | 13년 전 | 764 | ||
| 4876 |
꿈을꾸는너구리
|
13년 전 | 632 | |
| 4875 |
성민꼬르꼬
|
13년 전 | 1290 | |
| 4874 | 13년 전 | 978 | ||
| 4873 | 13년 전 | 827 | ||
| 4872 | 13년 전 | 744 | ||
| 4871 | 13년 전 | 911 | ||
| 4870 | 13년 전 | 701 | ||
| 4869 | 13년 전 | 1215 | ||
| 4868 | 13년 전 | 922 | ||
| 4867 | 13년 전 | 622 | ||
| 4866 | 13년 전 | 1227 | ||
| 4865 | 13년 전 | 856 | ||
| 4864 |
기획자정군
|
13년 전 | 1594 | |
| 4863 |
꼬꼬아부지
|
13년 전 | 1014 | |
| 4862 | 13년 전 | 3493 | ||
| 4861 |
 와우맨OLD |
13년 전 | 1555 | |
| 4860 |
 cshop |
13년 전 | 2147 | |
| 4859 | 13년 전 | 779 | ||
| 4858 | 13년 전 | 429 | ||
| 4857 | 13년 전 | 1109 | ||
| 4856 |
크라운엠버서더
|
13년 전 | 1900 | |
| 4855 | 13년 전 | 798 | ||
| 4854 | 13년 전 | 2034 | ||
| 4853 | 13년 전 | 733 | ||
| 4852 | 13년 전 | 1089 | ||
| 4851 |
꼬꼬아부지
|
13년 전 | 1793 | |
| 4850 | 13년 전 | 1113 | ||
| 4849 |
 아지야학교가자 |
13년 전 | 769 | |
| 4848 | 13년 전 | 1471 | ||
| 4847 |
 똥싼너구리 |
13년 전 | 3785 | |
| 4846 | 13년 전 | 506 | ||
| 4845 | 13년 전 | 574 | ||
| 4844 | 13년 전 | 764 | ||
| 4843 | 13년 전 | 3905 | ||
| 4842 | 13년 전 | 1244 | ||
| 4841 | 13년 전 | 1415 | ||
| 4840 | 13년 전 | 1431 | ||
| 4839 | 13년 전 | 731 | ||
| 4838 | 13년 전 | 608 | ||
| 4837 | 13년 전 | 756 | ||
| 4836 |
TIAMO
|
13년 전 | 1567 | |
| 4835 | 13년 전 | 927 | ||
| 4834 | 13년 전 | 1270 | ||
| 4833 | 13년 전 | 2463 | ||
| 4832 |
cshop |
13년 전 | 925 | |
| 4831 | 13년 전 | 1246 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기