>

css와 html 만 사용하여 높이가 동일한 세 개의 열 레이아웃을 만드는 방법 (js 없음)


  • 답변 # 1

    가장 쉬운 방법은 가짜 열 배경 기술을 사용하는 것입니다.

    또한 overflow: hidden 가있는 컨테이너로 3 개의 div에 거대한 하단 여백이있는 하단 여백을 제공 할 수 있습니다. . 인라인 앵커에서는 훌륭하지 않습니다.

  • 답변 # 2

    <html><body>
    
    

    <div>

    <div style="float:left;height: 33.33%;width:10%;background-color:red">zdfsfs</div>
    <div style="float:left;height: 33.33%;width:10%;background-color:blue">zgfsgsgfsgf</div>
    <div style="float:left;height: 33.33%;width:10%;background-color:cyan">zvgzcxgvxz</div>
    </div></body></html>
    
    

  • 답변 # 3

    div {display : table-cell;}
    
    

    이것은 문제에 대한 또 다른 해결책이 될 수 있습니다! 자세한 내용은 다음 링크를 참조하십시오. div에서`display : table-cell`을 사용하는 것의 단점이 있습니까?

관련 자료

  • 이전 sorting - XSLT를 사용하여 XML을 XML로 정렬
  • 다음 MySQL 데이터베이스에 위도/경도를 저장할 때 사용하기에 이상적인 데이터 유형은 무엇입니까?