Maison >interface Web >tutoriel HTML >div里东西怎么显示到外面去了【简化版】_html/css_WEB-ITnose
div里东西怎么显示到外面去了【简化版】_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:05:441146parcourir
上个问题我自己描述的太罗嗦了，重开一个= =
<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已经贴在最右边了
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：IE6下div遮盖select的最优解决方案_html/css_WEB-ITnoseArticle suivant：做网站改css碰见这么个东西_html/css_WEB-ITnose