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

div里东西怎么显示到外面去了【简化版】_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 12:05:44
원래의
1119명이 탐색했습니다.

上个问题我自己描述的太罗嗦了，重开一个= = 

<html>   <head>      <title>hehe</title>      <style type="text/css">	     div#a		 {			 background-color:#F00;			 width:50%;			 height:500px;		 }			          div#c         {            background-color:#000;            width:30%;            height:40%;         }          div#b         { 		    background-color:#0C0;            width:30%;            height:60%;         }		 		 div#d		 {			float:right;			background-color:#60C;			margin-left:30%;			width:70%;            height:100%;		 }      </style>   </head>   <body>      <div id="a">         <div id="d"></div>         <div id="b">hehe</div>         <div id="c"></div>      </div>   </body></html>
로그인 후 복사


b里面的东西居然显示到了外面，而且关键是我的d是float到右边的，居然会把b里的东西撑到最下面，不是太理解是什么情况。



回复讨论(解决方案)

b元素左浮动就好

b元素左浮动就好


搞明白了，其实没错，只是要把margin-left去掉，因为float:right已经贴在最右边了
관련 라벨：
div 물건
원천：php.cn
이전 기사：IE6下div遮盖select的最优解决方案_html/css_WEB-ITnose 다음 기사：做网站改css碰见这么个东西_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...
에서 2024-04-16 09:34:16
0
0
4687
0ms 수면을 생략하면 CSS 전환이 중단되는 이유는 무엇입니까? 제가 제대로 이해하고 있는지 알아보기 위해 FLIP 애니메이션을 구현해 보려고 합니다. 이 코드펜에서(잘못된 코드를 양해해 주세요. 그냥 장난을 쳤을 뿐입니다) ...
에서 2024-04-06 16:29:50
0
2
490
클릭 및 스크롤 시 div 숨기기/표시 검색 아이콘을 클릭하면 나타나고 사용자가 클릭하거나 스크롤하면 숨겨지는 숨겨진 검색 양식을 만들고 싶습니다.
에서 2024-04-06 12:20:46
0
1
386
동적으로 크기가 조정된 이미지/제목의 너비에 텍스트 너비를 맞추려면 어떻게 해야 합니까? 이 코드펜을 참조하세요: https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div><imgsr...
에서 2024-04-06 10:04:43
0
2
386
링크를 제거한 후에도 툴팁이 계속 작동하는 이유는 무엇입니까? 링크를 제거한 경우에만 툴팁과 함께 div 태그가 표시됩니다. 둘은 어떤 관련이 있나요? div 콘텐츠는 링크와 함께 표시되지 않습니다. .tooltip{posi...
에서 2024-04-05 09:51:08
0
1
1419
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！