html中float用法（关于html中的float布局问题）
本文目录
- 关于html中的float布局问题
- html中float，left，text-align，align怎么用
- html中 float、position定位问题
- HTML的float与clear问题
- html/css中的float问题
关于html中的float布局问题
#div_body { margin: 0 auto; width: 960px; overflow: hidden; border: 1px solid #999;}//overflow主要解决此div内因左右浮动而引起的自身高度消失的问题，还有种就是加.clearfix的class
#div_left { float: left; width: 550px; height: 100px; border: 1px solid #ccc;}
#div_right { float: right; width: 400px; height: 100px; border: 1px solid #ccc;}
//下面俩个div的高度可不写，是自适应的，浮动内容一般最好写上宽度，不然会有想不到的bug
.clearfix的样式
* html .clearfix {zoom: 1;}zoom: 1; }
.clearfix:after {height: 0;visibility: hidden;content: “.“;display: block;clear: both;}
你的html代码有问题
《div id=“div_body“》《div id=“div_left“》《/div》
《div id=“div_right“》《/div》//这排的第一个div不该有斜杠
《/div》
html中float，left，text-align，align怎么用
这些属性一般是用在css里面的。
在HTML里面，一般通过style来使用，如style=“float：left; text-align： ”
html中 float、position定位问题
float是浮动，如果设置小盒子浮动，小盒子浮动的距离是根据小盒子前一个浮动兄弟元素的位置浮动的。所以一般大盒子里面的小盒子要么都浮动，要么都不浮动。
postiton是定位，有absolute和relative，fixed。一个定位的元素一定是被其他元素层层包起来的，至少是body包起来。absolute是根据包起来的定位元素定位的，如果包他的元素都没设置position，那就根据body定位。relative是相对定位，相对于包起它的元素定位的。fixed是根据屏幕定位的。
一般用absolute的话，都把包这个小盒子的大盒子设置为relative。这样小盒子的absolute会根据包它的大盒子绝对定位。
HTML的float与clear问题
float 属性定义元素在哪个方向浮动。
其属性有：
float：left；
float：right；
float：none；
float：inherit；
--------------------------------
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
-------------------------------------------------------------
clear 属性定义了元素的哪边上不允许出现浮动元素。
其属性有：
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
html/css中的float问题
float 是浮动的意思。
使用float 意思就是网页不再是一个平面的，而是一个有上下层次的网页，只不过从屏幕上看相当于俯视去看一个网页，看出来的效果仍然是一个平面，但是侧视图去看的话就变成了上下层的结构，这样才会出现不同的div在不同的平面上，所以在你俯视去看的时候，他们可以并在一起，感觉上是一个平面，其实是两个平面。
不知道你能不能懂
更多文章：
2026年10月11日 06:30
2026年10月11日 06:20
2026年10月11日 05:40
another time（another time和other time的区别）
2026年10月11日 05:00
2026年10月11日 04:50
2026年10月11日 03:00
2026年10月11日 02:40
2026年10月11日 02:20
2026年10月11日 01:10
2026年10月11日 00:40
