왼쪽에 떠있는 div의 페이지 왼쪽에 링크가있는 웹 페이지가 있습니다. 그런 다음 오른쪽 오른쪽에있는 div에있는 내용이 있습니다. 내가 겪고있는 문제는 페이지 크기가 조정될 때 콘텐츠가 링크 아래로 이동한다는 것입니다.2 div 레이아웃 문제
전체 페이지를 래퍼 div에 넣는 일에 지쳤지만 링크가 작동을 멈췄을 때 필요한 위치에 컨텐트를 배치 할 수 없었습니다. 여기
내가 워드 프레스, 심지어이 사이트처럼 않는다 할 것입니다 문제의 크기를 조절 창을 통해 갈 수있는 가장 좋은 방법 알아 낸 래퍼 DIV#wrapper {
margin:0 auto 0 auto;
min-width:960px;
}
부풀려진 요소는, 그 방식으로 동작합니다.
아마도 당신이 찾고있는 것은 fluid two column layout입니다.
이것은 대부분 도움을 주신 것에 감사드립니다. – TheAce
에 대한 CSS입니다 : 페이지 주위에 크기 조정 여백을 balnk 넣어 및 모든 내용을 고정 폭으로 만듭니다.
"액체"스타일 (퍼센트 등)은 시원하지만 실제로는 대부분 올바르게 보일 수 없으므로 가장 좋은 점은 전체 창보다 약간 좁은 페이지를 만들고 다른 브라우저로 여백을 변경하게하는 것입니다. 크기.
이렇게하려면 실제로는 매우 html 태그에 1000px와 같이 고정 너비를 지정하거나 margin-left : auto; margin-right : 자동; 항상 중심에 둔다.
편집 :가 페이지 흐름에서있어 이후
넣고이 당신의 CSS에서
html {
width:66em;
margin-left:auto;
margin-right:auto;
}
주된 문제는 divs의 너비를 고정시키고 있으므로 첫 번째 단계는 div의 너비를 % 또는 em으로 변경하는 것입니다.
이 전체 화면으로 시작하려면 컨텐츠가없는 빈 페이지를 만드는 것만 큼 멀리 갈 것입니다. divs에 다른 배경 colo (u) r을 지정하십시오. 내용의 너비가 방해가되지 않는 것을 알게되면 이렇게하십시오.
왼쪽의 두 div를 플로팅하고 상대적으로 위치를 잡을 수도 있습니다.
jsbin ,,,, something .......? –
maring : 0 자동; 여백과 동일 : 0 자동 0 자동; – meo
너비에 백분율을 사용하거나 작은 화면에 반응 형 버전을 사용해야합니다. –