지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

求问一个简单的div浮动问题_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:38:47
원래의
1084명이 탐색했습니다.

小弟刚学CSS的float，，想第二个div在第一个div的右边，第三个div在第一个div的下边，代码如下，但是出现了第三个div把第二个div覆盖了，为什么？ 

<body>	<div id="div_1" style="float:left">    风风风风风风风f风    </div>    	<div id="div_2">    火火火火火火火火    </div>    	<div id="div_3">    水水水水水水水水    </div></body>
로그인 후 복사


结果显示：


回复讨论(解决方案)

给#div_2也加个左浮动吧

给#div_2也加个左浮动吧


给div_2加了左浮动后发现第三个div的边框和背景没了……


给#div_2也加个左浮动吧


给div_2加了左浮动后发现第三个div的边框和背景没了……
第一个和第二个左浮动
第三个clear: both;
관련 라벨：
求问一个简单的div浮动问题
원천：php.cn
이전 기사：Animation动画之AlphaAnimation（透明度变化）_html/css_WEB-ITnose 다음 기사：css3的Background新属性_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
잘못된 React 하위 요소(발견: {clientVersion} 키가 있는 개체) 하위 요소 컬렉션을 렌더링하려면 대신 배열을 사용하세요. 다단계 양식이 있는데 제출하려고 하면 이 오류가 표시됩니다. 그러나 간단한 형태로 createOrganization 스케줄링을 사용하면 작동합니다. 백엔드 문제인...
에서 2024-04-06 16:25:39
0
1
346
JavaScript 기능은 버튼 클릭에 영향을 주지 않습니다. 인터넷을 검색하고 많은 것을 시도했지만 비교적 간단한 문제에 봉착했습니다. 아래 코드는 내 문제의 전체 범위입니다. <script>//전체 행을 다른 ...
에서 2024-04-05 13:14:53
0
2
1433
Node.js의 특정 경로에 SQL 쿼리가 표시되지 않습니다. 저는 javascript와 nodejs를 처음 접하는데 질문이 있습니다. 간단한 API를 작업하는 코드가 있는데 왜 이런 일이 발생하는지 이해하는 데 어려움을 겪...
에서 2024-04-04 00:24:22
0
1
344
질문은 여전히 ​​원본이지만 제목은 다음과 같이 다시 작성되었습니다. 내 Javascript 무작위 함수가 유효한 응답을 생성하지 못했습니다. 저는 JS와 HTML을 사용하여 간단한 난수 생성기 게임을 만들고 있습니다. 이 게임에서는 난수의 최소값과 최대값을 설정할 수 있습니다. 그런데 변수를 설정하고 ...
에서 2024-04-03 22:03:14
0
1
275
Chrome의 HTML 웹페이지 페이지 매김 전체 페이지 div 컨테이너 다음에 페이지 매김을 시도하고 있습니다. 소개 페이지를 로드하는 것과 마찬가지로 아래로 스크롤하면 일종의 내비게이션 센터로 들어갈 수...
에서 2024-04-02 23:26:08
0
1
404
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿