.clear的div的作用

最新推荐文章于 2021-03-11 16:15:57 发布
最新推荐文章于 2021-03-11 16:15:57 发布
阅读量317 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16390749/article/details/71637954
版权
.clear  {
  1. height: 0;
  2. overflow: hidden;
  3. clear: both;
  4. font-size: 0px;
  5. line-height: 0px;

}


float与overflow以及clear之间的关系：参考http://www.jianshu.com/p/70ef7e03da74


暮雪sun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页中含clear属性的div空块的作用
邃思园
08-26 321
最近在学习网站div+css方面的动西，发现很多页面都有很多带有float属性的div块之后会包含一个只含clear属性的div块，但并没有什么内容，一直不得其解，在网站上搜索了一下，认为以下很合情合理，一起同大家分享： 在DIV + CSS设计网页中，经常需要设置多个DIV并列排列，往往是使用float:left或float:right来实现，问题是，当前面并列的多个DIV总宽度不...
Div布局时注意使用clear属性
0溺水的鱼O的专栏
06-24 6649
v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);} 800x600 Normal 0
DIV布局之道四：clear:both清除DIV两侧浮动详解
xyjikl
06-30 6083
我们要实现图中表格实现的效果，使用DIV+CSS该如何实现呢？ 众所周知，要实现如上效果，我们写一个两行两列的表格，使得表格第二行两个单元格合并即可实现上图效果，可以使用如下代码实现： XML/HTML Code复制内容到剪贴板 table width="303" height="151" border="1" align="center" cellpadding
两个DIV之间的间距,clear属性灵活应用(转载，学习一下)
热门推荐
chenwei9120的专栏
07-30 1万+
<br />      大家在制作网页时，两个DIV之间是不是经常用到margin属性呢。<br />   margin在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。<br />　　我在制作的过程中，发现了一个问题，两个DIV之间用margin来控制间距的时候，如果你制作的网页是一个比较复杂内容较多的话，把网页放在IE和火狐两个浏览器测试，会发现，有些margin属性在火狐浏览器中会被忽略，也就是说DIV之间的间距消失了，margin属性没有起到作用
【HTML】解决DIV消除浮动问题(clear)
Alan的博客
10-19 3606
知识点: 清除（clear）的意思可以理解为把这个元素指定方向的内容给移走。例如clear:both; 就是指这个元素左右两边的内容给排除开，相当于这个元素独立成一行，其它元素不管宽度大小，都不能和这个元素并排显示。如果是clear:right；就相当于这个元素右边的内容会被排除开，但是左边的不会，仍然可以在同一行显示。 1.在一个大盒子里面放两个浮动的小盒子，这种情况大盒子会认为自己里面没内...
.clear 万能清除浮动(clearfix:after)
12-04
复制代码代码如下:html body div.clear,html body span.clear{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility:...
.clear方法解决网页自适应高度的问题
12-03
为了解决浮动元素引起父元素无法获得高度的问题，我们一般在子元素的最后加上一个Spacer Div（clear:both）。但是IE和Mozilla对div的解释不同引起一些表现上的差异。 在制作网页的过程中，自适应问题是经常遇到，而...
clear:both 的作用介绍
01-19
如： ...你可以将此部分代码放到一个HTML页面看看效果，然后在去掉”<div xss=removed></div>”看一下效果,就知道这句话的作用了。 如图： （1）有clear:both的 （2）无clear:both的 这样看，应该
<div class="clear"></div>
ccecwg的专栏
05-08 2487
我在一个模板页面里面看到这样一段代码。 2012-01-18 14:13king13651324|分类：Html/Css| 浏览4966次 下面是样式代码： 这样的代码有什么用呢？或者说，是预留出来的一个位置？请高手解释下。 .clear{ clear:none; } .no-clear{ clear:both; } 提问者采纳清除浮动用的。 因为上面有div的float设置
CSS：clear
雷爷的博客
09-03 891
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
CSS clear both清除浮动
ayangjing的专栏
03-29 439
我们知道有时使用了css float浮动会产生css浮动，这个时候就需要清理清除浮动，我们就用clear样式属性即可实现。 接下来我们来认识与学习css clear知识与用法。 clear清除浮动目录 clear语法与结构 div clear常用地方 css+div案例 DIVCSS5总结 一、clear语法与结构   -   TOP 1、clear
clear属性的作用
Insist
12-04 3496
clear属性用于在块级元素中清除浮动效果的其值可以设置成： clear：both 清除左右两边的的浮动 clear：left 清除左边的浮动 clear： right 清除右边浮动 clear： none 左右都有浮动效果 与float的区别不同的是，clear是清除float的之前的设置效果重新在新的一行生成其设置的值的效果 ...
div+css中clear用法
xyjikl
11-17 591
一开始用clear属性，只是跟float相对使用，今天看视频的时候还是不大明白，查了下资料原来是这样的哦，看咯。 clear属性值有四个clear:both|left|right|none; 作用：该属性的值指出了不允许有浮动对象的边。  这个属性是用来控制float属性在文档流的物理位置的。  当属性设置float（浮动）时，他所在的物理位置已经脱离文档流了，但是大多时候我们
经验分享：CSS浮动(float,clear)通俗讲解
weixin_33714884的博客
03-27 7101
       很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。        前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。        写在前面的话：        由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。        如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你...
Div+Css布局（float 效果和clear的作用）
明志轩
11-19 695
一、CSS布局属性 Width：设置对象的宽度（width:45px）。 Height：设置对象的高度(Height:45px;)。 Background：设置对象的背景颜色、背景图像。 1.背景颜色 background:#09F; 2.背景图像 background:url(file:///C|/Users/Administrator/Desktop/huipu.jpg) r...
＜div class=“clear“＞＜/div＞
滕青山博客
03-11 725
不清除浮动的话，父div高度就不会随内容而增加。
HTML5高级之css清除float浮动
Wendy
11-17 1万+
我们先来回忆一下float的特征：        1）块在一排显示        2）内联支持宽高        3）默认内容撑开宽度        4）脱离文档流        5）提升层级半层     由于float浮动脱离文档流，那么就很容易产生各种兼容性和由于浮动产生的视觉效果上的差别。接下来我们分析几种主要的解决方法。大家最熟悉的方法应该就是添加空标签，然后利用clear
(4)清除浮动能够解决浮动布局的塌陷问题，其方式包括（ ) A. clear 属性 B. overflow属性C.浮动divD. after 伪类。为什么
最新发布
03-08
我认为这是一个技术问题，可以回答。清除浮动可以通过设置clear属性、使用overflow属性、浮动div或者after伪类来实现。这些方式可以防止浮动元素对其父元素造成影响，从而解决浮动布局的塌陷问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值