简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

css 清除浮动的两种常用方式_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-21 08:57:24
원래의
1032명이 탐색했습니다.

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        .box1{            background-color: #006486;            float: left;        }        /*清除浮动        .p{            clear: both;        }        */                .p{            width: 100%;            overflow: hidden;        }    </style></head><body>    <div>dfafa</div>    <p>pppppdsfafaf</p>    <div>dsfafa</div></body></html>
로그인 후 복사

float：影响的元素是其紧邻的元素，清除浮动在其紧邻受影响的元素清除即可

관련 라벨：
css 清除浮动的两种常用方式
원천：php.cn
이전 기사：初步认识 LESS_html/css_WEB-ITnose 다음 기사：寒假前端学习(8)--理解CSS浮动与清除浮动_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
"얀 서비스"와 "얀 스타트", "얀 빌드"의 차이점은 무엇입니까? 나는 "yarnserve"와 "yarnstart"가 모두 내 vue 프로젝트를 시작하고 실행할 수 있다는 것을 알고 있지만 둘...
에서 2023-11-02 21:07:12
0
1
283
MySQL 5.5 데이터베이스를 다른 컴퓨터에 수동으로 복사 우리 회사에서 사용하는 제품은 백엔드 데이터베이스로 MySQL5.5를 사용합니다. 제품은 설치 프로세스 중에 MySQL을 자동으로 설치하고 구성합니다. 제품은 상...
에서 2023-09-05 00:16:59
0
1
310
콘텐츠 스크립트 다시 삽입: Chrome 확장 프로그램 업그레이드 또는 설치 후 필요한 단계 개발 중인 Chrome 확장 프로그램을 설치하거나 업그레이드한 후 콘텐츠 스크립트(매니페스트에 지정됨)가 다시 삽입되지 않으므로 확장 프로그램이 제대로 작동하려면...
에서 2023-08-24 12:03:01
0
2
217
CSS 부모 선택자가 있습니까? 앵커 요소의 직접 상위 요소를 선택하는 방법은 무엇입니까? 예를 들어 내 CSS는 다음과 같아야 합니다. li&lt;a.active{property:val...
에서 2023-08-23 10:53:50
0
2
195
CSS에 부모 선택자가 있습니까? 앵커 요소의 직접 상위 요소인 &lt;li&gt; 요소를 선택하는 방법은 무엇입니까? 예를 들어 내 CSS는 다음과 같습니다. li&lt;a...
에서 2023-08-21 10:49:24
0
2
202
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！