很多站长朋友们都不太清楚html无法浮动了怎么，今天小编就来给大家整理html无法浮动了怎么，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 html浮动问题 2、 html的div为什么不浮起 3、 为什么HTML多个左浮动后放置一个右浮动上不去？ 4、 html为什么浮动不了 html浮动问题<!--把结构改成下面这样，-->
<div id="a">
<div id="a1"></div>
<div id="a2"></div>
<div id="a9">
<div id="a10">
<div id="a3"></div>
<div id="a4"></div>
</div>
<div id="a5"></div>
</div>
<div id="a6"></div>
<div id="a7"></div>
<div id="a8"></div>
</div>
#a10{float:left;}
#a5{float:right;}
#a9:after{content:"";display:block;clear:both;}
/*
按照你给的宽度，是放不下的，a3,a4的宽度均为200px，并且有左右10px的边框，也就是占了220它的宽度
a5的宽度是1000px,并且也有左右10px的边框，a5占了1020的宽度，
两个总共需要1240px的宽度。而a只有1200px的宽度，所以在同一行是放不下的，
如果想在同一行放的下这两个，则需要box-sizing:border-box;这样的话，实际宽度就不到设置的值了。
*/
html的div为什么不浮起html的div不浮起的原因是第二个div 的行间样式增加:float:left; 把样式都写到样式表里。
拓展资料：
div的宽度设置和浮动设置是没有关系的，可以既设置浮动，又设置宽度。
例如如下代码：
1234567891011
<style> .box { float: left; width: 200px; height: 100px; border: 1px solid #000; background: #39f; }</style><div class="box">HTML5 学堂</div><div class="box">原创技术文章分享</div>
显示效果：
但是如果你的样式当中还有display: block或display: inline或position: absolute则会引起布局的混乱。
为什么HTML多个左浮动后放置一个右浮动上不去？因为float的使用原理
浮动元素会生成一个块级框，float是将生成的块级框，在一行上从左向右罗列，假如在一行之上剩余的空间比要浮动的元素的宽度窄，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
你的写法生成的页面如下图：
跟是左浮动还是右浮动没有关系。
html为什么浮动不了浮动不了的原因有多种，常见的是你是否定义了style的position属性
关于html无法浮动了怎么的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html无法浮动了怎么 html如何设置div浮动的详细内容...