"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 고정 폭 오른쪽 열과 유체 왼쪽 열로 2 열 레이아웃을 만드는 방법은 무엇입니까?

고정 폭 오른쪽 열과 유체 왼쪽 열로 2 열 레이아웃을 만드는 방법은 무엇입니까?

2025-02-06에 게시되었습니다
검색:979

How to Create a Two-Column Layout with a Fixed-Width Right Column and a Fluid Left Column?

코드가 제공 한 코드는 다음과 같습니다. 플로트와 마진을 사용하여 레이아웃을 구현하지만 문제를 만난다. 가이드 라인 :

왼쪽 열에서 플로트를 제거합니다. &&&] HTML 코드의 왼쪽 열 앞에 오른쪽 (#right)을 놓습니다. 이렇게하면 오른쪽 열의 너비가 먼저 적용되도록합니다.

오버 플로우를 외부 div :

오버플로 추가 : 숨겨진 (예 : 높이 : 자동) 외부 div (div. 컨테이너). 이렇게하면 내부 디스가 컨테이너가 넘쳐나는 것을 방지합니다.

왼쪽 열 너비와 오버플로를 설정합니다. 이를 통해 열은 나머지 공간을 채우고 오른쪽 열과의 상호 작용을 방지 할 수 있습니다.

예제 코드 :

    html :
  1. [ &&&]
    고정 너비가있는 올바른 콘텐츠
    유연한 너비로 남은 콘텐츠
  2. 데모 :
  3. 방문 [https://jsfiddle.net/jackjoe/fxwg7/)을 방문하십시오.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3