最近对htmlcss教程很感兴趣请问哪里有有对朋友说的真心话一下吗

来源：蜘蛛抓取(WebSpider) 时间：2016-03-30 17:41 标签： 我总和朋友说起你
html、css中的问题clear:both的含义问题，谢谢！一个html中有三个div分别叫做1、2、3，默认纵向排布。如果对1设置float:right==》2和3拱上去，1定位在右上角。如果对1设置float:left==》2和3拱上去，并把1覆盖掉。如果这时候对2设置clear:both。那么无论1的浮动是左还是右，那么2和3不会拱上去。问题：对于这个clear:both不是很理解。如果这么理解，html的一个页面中有两个流即标准流和非标准流，如果设置float之后那么这个元素就进入了非标准流的行列。这时候，标准流和非标准流还是还不相干的（就好比两个透明的纸片重叠放着，怎么摆元素都不会影响到另一张纸片）。这个float的元素脱离标准流加入到非标准流后，原来标准流里的元素就会拱上去。但是这时候如果对标准流的第一个元素设置clear:both，那么就相当于对上面所有的非标准流的元素做了一个总结——“从我这一行开始，标准流排在非标准流的下边”。叙述的有点混乱，还望指点一下，或者说一下您对clear:both的形象理解。谢谢！
这个对于刚开始学DIV+CSS的人来说确实很纠结，我刚开是的时候也是这样，不过我的理解就是“浮动”和“清楚浮动”float的翻译就是浮动，至于是左浮动还是右浮动都一样了，浏览器的文档流可以理解成都是钉在浏览器里面的，而是用了浮动的东西呢就飘起来了，它会飘在浏览器的上面（当然不会飘出BODY去）。它飘起来了那它下面肯定就空了啊，空了浏览器就会吧钉在它上面的层填到它下面去，而浏览器是从左向右排列的，所以就出现了你看到的那些问题。而用CLEAR清楚浮动后就告诉浏览器下面的元素不受浮动的影响，也就是把浮动的层看成是不浮动的（可以这么理解）然后让浏览器继续往下渲染。就解决了你说的问题了~
为您推荐：
clear:both这个简单的来说，清除左右的float元素，不允许两边有浮动元素，就是这个div独占一行，至于使用了clear:both并且float的div，前后若有行内元素，即inline，是会产生错位或者block元素和inline元素重叠
扫描下载二维码5个DIV并排在一行的一种方法
作者：佚名
字体：[ ] 来源：互联网 时间：03-17 00:00:52
一种5个DIV并排在一行的方法
&title&一种5个DIV并排在一行的方法&/title&
&style type="text/css"&
margin:0/*下边居是0 */
#bottom div {
background:#f00;
background:#0f0;
background:#00f;
background:#00f;
background:#00f;
&div id="bottom"&
&div id="d3"&d3&/div&
&div id="d1"&d1&/div&
&div id="d2"&d2&/div&
&div id="d4"&d4&/div&
&div id="d5"&d5&/div&
提示：您可以先修改部分代码再运行
大家感兴趣的内容
12345678910
最近更新的内容　　相信有不少人已经接触过绿叶学习网中的教程了，里面个个都是精品，很多东西绝对不是一般书籍中有的，每一个教程都参考了同类大部分教程和结合个人开发经验才编写出来，耗费了大量精力和时间。这样的精品，大家再也不用为HTML、CSS和JavaScript学习而发愁了~　　HTML教程地址：/les_hj/html_list.aspx　　CSS教程地址：/les_cj/css_list.aspx　　JavaScript教程地址：/les_js/js_list.aspx　　大家看看下面课程列表就知道了：　　　　　　　　javascript:void(0);
楼主发言：2次 发图：
　　纯分享的，还望大家支持！
请遵守言论规则，不得违反国家法律法规

我要回帖

更多关于 我总和朋友说起你 的文章

 

随机推荐