HTML에서 두 div를 나란히 표시하는 방법

1211 단어 django
HTML에 두 개의 div를 나란히 표시하는 일반적인 방법은 다음과 같습니다.https://zhidao.baidu.com/question/135016260138604645.html(1) 인라인 스타일로 설정, display: inline-block
(2)float 부동 설정(3)position 포지셔닝 속성을 absolute로 설정
다음은 세 가지 방식의 구체적인 실현 코드이다.
1. 각 div의 표현 속성을 인라인 스타일로 설정합니다. 예제 코드는 다음과 같습니다.
div1
div2

2. float 부동을 설정합니다. 예제 코드는 다음과 같습니다.
div1
div2

3. 포지션 포지셔닝 속성을 absolute로 설정하고 예시 코드는 다음과 같다.
div1
div2
확장 자료: css 부동 제거 방법
(1) 새로운 요소를 추가하고clear:both를 적용합니다
.clear {

clear: both; 
height: 0;

height: 0;
overflow: hidden;
}

(2) 부모div 정의 오버플로우:auto
.over-flow {
overflow: auto;

zoom: 1; //       
}
(3)    :after     outer  div   

.outer { zoom:1; }    /*==for IE6/7 Maxthon2==*/

.outer :after {

clear:both;

content:'.';

display:block;

width: 0;

height: 0;

visibility:hidden; 

}

좋은 웹페이지 즐겨찾기