简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > 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；      }</s...
来自于 2024-04-16 09:34:16
0
0
4687
为什么省略 0ms sleep 会破坏我的 css 转换？ 我正在尝试实现FLIP动画，看看我是否理解正确。在这个代码笔中（请原谅糟糕的代码，我只是在乱搞），如果我注释掉睡眠，平滑过渡将不再有效。div突然改变位置。这很奇怪，因为睡眠时间为...
来自于 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><imgsrc=&quo...
来自于 2024-04-06 10:04:43
0
2
386
为什么删除链接后工具提示仍然有效？ 只有当我删除链接时，我才能看到带有工具提示的div标签。这两者有何关系？div内容未与链接一起出现。.tooltip{position:relative;display:inlin...
来自于 2024-04-05 09:51:08
0
1
1419
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！