1.CSS中浮动是什么意思浮动什么意思呢,比如,默认的,我们知道,div是占满一行的,现在我们想把两个div显示在一行上,那怎么办呢
<div style="width:100px;">11111</div><div style="width:150px">2222</div>
这样我们就设置了两个div,一个宽度100px,一个宽150px,可预览一下,我们的div仍在两行上,那么怎么把它改到一行上呢,这儿就需要float,设置第一个div的float为left
<div style="width:100px;float:left;">11111</div><div style="width:150px">2222</div>
再预览,就可以看到,它们到一行上了 。
clear是什么意思呢,clear是清除的意思,它有三个值,left,right,both
很好理解,如果设置了clear:left,它就不怕它的左边有float,同理clear:right,clear:both,是左右都不让有float
举个例子,还是上面的
我们设置第二个div的clear:left,也就是不让它左边有float
<div style="width:100px;float:left;">11111</div><div style="width:150px;clear:left;">2222</div>
我们预览一下,就可以看到,尽管第一个div已经float:left了,这两个div仍然在两行上,就是由于第二个div不让它左边有float
因为css的定义是后面的可以覆盖前面的,明白了吧
2.请问用CSS+div浮动如何写出这个页面<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
<meta charset="UTF-8">
<meta >
3.css这个浮动怎么做,在线等用div撒,大体结构式这样的
<div class="left">
<div><img src="http://www.xuexi88.com/zhishi/图片1"/></div>
<div><img src="http://www.xuexi88.com/zhishi/图片2"/></div>
</div>
<div class="left"><img src="http://www.xuexi88.com/zhishi/大图片"/></div>
图片1,图片2,大图片替换成图片所在的路径,然后用css控制浮动就可以了
4.让div在容器底部浮动的css怎么写啊.dibupiaofu {
【css浮动怎么写】z-index:99999; position:fixed; bottom:0; left:0; width:100%; _position:absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;}
.piaofutiao{Z-INDEX: 99999; LEFT: 0px; OVERFLOW: hidden;BOTTOM: 0px; _POSITION: fixed! important; HEIGHT: 45px; background-image:url(../images/浮动/fudong.jpg); background-repeat:no-repeat; TEXT-ALIGN: left; width:1310px; margin:0 auto;line-height:45px;}
<div class="dibupiaofu">
<div id="piaofutiao" class="piaofutiao">
内容
</div>
</div>
你试一下这个!
5.css中如何给一个浮动元素居中二种方法 1、父级div设置固定宽度后加margin:0 auto; 然后子级div加浮动,即可实现;不过次方法不能无限伸展; 2、在table内插入div,div设置浮动,在table上设置margin:0 auto; 而table不要设置宽度,因为table默认是宽度最小化的,实现居中的效果会比较好,而且可以无限伸展 注:有些老是说table不好,除非是做表格,其他地方绝对不要用,其实我个人是比较喜欢用table布局的,不过重点布局还是div+css,在一些容易出错的或者必须的地方用table也是不错的选择,人人都说div+css布局,我呢可以说是div+table+css布局 。
6.CSS中浮动的原理和规则任何元素 element 都可以被浮动 。
段落、div、list、tables,以及图像都可以被浮动,事实上即使是像 span 和 strong这样的行内置元素也可以很好地进行浮动 。浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止 。
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样 。请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘: 再请看下图,当框 1 向左浮动时,它脱离文档流并且向左移动,直到它的左边缘碰到包含框的左边缘 。