div+csS의 기교와 브라우저를 호환하는 방법

(1) 한 층 안에 부동이 있는 층에 대해 메인 층은 OVERFLOWER:HIDDEN을 사용하여 내부 층의 부동으로 인한 다른 외부의 영향을 없애야 한다.
예를 들면 다음과 같습니다.


  
    
   
     <
   
     div id
   
     =
   
     "
   
     main1
   
     "
   
     >
   
     
 
   
     <
   
     div id
   
     =
   
     "
   
     son1
   
     "
   
      style
   
     =
   
     "
   
     float：left; display:inline
   
     "
   
     >
   
     aa
   
     </
   
     div
   
     >
   
     

   
     </
   
     div
   
     >
   
     

   
     <
   
     div id
   
     =
   
     "
   
     main2
   
     "
   
      style
   
     =
   
     "
   
     margin-top:10px;
   
     "
   
     >
   
     
 main2  　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

   
     </
   
     div
   
     >

이때 MIAN1이 OVERFLOWER: HIDDEN을 넣지 않으면 MAIN2의 MARGIN-TOP은 효과가 없다. 원인은 SON1이라는 부동원소의 영향으로 인한 것이다.
display: inline은 IE6의 부동 중 MARGIN을 호환하기 위해 두 배의 MARGIN 값을 생성합니다.물론 FLOAT의 영향을 없앨 수 있는 다른 방법은 부동 요소 뒤에 DIV를 추가하여 CLEAR:LEFT,RIGHT,BOTH를
(2) 부동하는 LI에 대해 여러 줄 여러 열로 배열하려면 LI는 높이와 너비를 가리킨다.높이를 지정하는 것은 높이를 지정하지 않으면 앞줄의 LI가 문자 줄 수가 같지 않으면 두 번째 줄의 LI가 가라앉기 때문이다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

자주 사용하는div+css 3열 레이아웃 구조와 스타일 (1)

3열 레이아웃은 흔히 볼 수 있는데 보통 좌우 2열의 너비가 고정된 다음에 중간 내용이 스스로 적응한다. 구조: 스타일: 부동을 이용하여 왼쪽 층을 왼쪽으로 부동시키고 오른쪽 층을 오른쪽으로 부동시킨 다음에 중간 층...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

div+csS의 기교와 브라우저를 호환하는 방법

좋은 웹페이지 즐겨찾기