div加了float后 四个特性

1.宽度变成0

2.左漂浮 或者右漂浮

3.后面的标签占据原来的位置

4对前面的div没有影响 他会浮动到前面div下面

原文地址：https://www.cnblogs.com/classmethond/p/10124055.html

时间： 2024-08-06 19:09:33

div加了float后 四个特性的相关文章

CSS: 解决Div float后，父Div无法高度自适应的问题

在用CSS+DIV的布局中,经常会发现,当一个DIV float之后,如果他的高度超过了其父DIV的高度时,其父DIV的高度并不会相应的进行调整.要解决这个问题(也叫做闭合(清除)浮动),我们有四种办法: 1. 额外标签法 这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器.这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签.我个人比较喜欢这种方法,因为它简单.实用.浏览器兼容性好,而且这种方法也是W3C推荐的方法 <div

子DIV浮动（float）后父DIV高度自动失效解决方案

高度的自适应(父div高度随子div的高度改变而改变): 1.如果父div不定义height.子div均为标准流的时候,父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变. 2.如果父div定义height,子div均为标准流的时候,在IE下父div的height随内容变化而变化,如父div设置height:50px 如下所示,子元素div 本身具有高度和宽度,但由于其具有float:left属性后,其父元素div不具有高度. <html> <head&

在iframe内页面完全加载完后，关闭父页面生成的div遮罩层

遮罩层div为iframe父页面生成,需在iframe内页面完全加载完后,关闭遮罩层 alertMsgClose() :函数为关闭遮罩层函数 此段代码在iframe页面内: <script> $(function () { window.parent.alertMsgClose();// iframe 外层页面关闭遮罩层 }); </script> 原文地址:https://www.cnblogs.com/tmdsleep/p/10984450.html

IE下设置float后margin加倍问题

在进行页面布局时,经常会用到float,但使用了float后,在IE下margin会出现加倍的问题,我一直是用hack的方法,但最近做个页面时,发现用hack   了,样子和在FF下,还是不一样,于是就网上查找了下,加个display:inline;就可以解决了,这样IE和FF下就都一样了.     举例:     CSS,如果这里不使用display:inline: 在IE下会出现加倍问题 .div_float{float:left;width:180px;height:100px;margi

什么是事务？事务的四个特性以及事务的隔离级别

什么是事务 事务是指是程序中一系列严密的逻辑操作,而且所有操作必须全部成功完成,否则在每个操作中所作的所有更改都会被撤消.可以通俗理解为:就是把多件事情当做一件事情来处理,好比大家同在一条船上,要活一起活,要完一起完 . 事物的四个特性(ACID) ● 原子性(Atomicity):操作这些指令时,要么全部执行成功,要么全部不执行.只要其中一个指令执行失败,所有的指令都执行失败,数据进行回滚,回到执行指令前的数据状态. eg:拿转账来说,假设用户A和用户B两者的钱加起来一共是20000,那么不管

使用SDWebImage加载大量图片后造成内存泄露的解决办法 转载

使用SDWebImage加载大量图片后造成内存泄露的解决办法 时间:2015-07-21 14:26:47      阅读:5885      评论:0      收藏:0      [点我收藏+] SDWebImage的知名度就不用说了,github上近10k的star,国内外太多的App使用其进行图片加载. 但是最近在使用过程中发现,在UITableView中不断加载更多的内容,使用SDWebImage会造成内存占用越来越大,导致memory warning最终terminate,稍微找了下

div加边框

一.虚线与实线边框 边框虚线样式:dashed 边框实现样式:solid border:1px dashed #000 代表设置对象边框宽度为1px黑色虚线边框 border:1px solid #000 代表设置对象边框宽度为1px黑色实现边框 二.对div上边加边框 我们给div上边加1px黑色边框 div{border-top:1px solid #000} 三.给div底部加边框 给div盒子底部加2px虚线红色边框 div{border-bottom:2px dashed #F00}

避开ie6使用float后再使用margin兼容的2种方法

在网页设计中,我们有时会不经意的给自己制造出浏览器的兼容问题.造成每一款浏览器的内容排布错乱或者说并不是我们想要的结果.当然其中问题最多的还是IE6. 方法一: 使用一个空白DIV来充当目标div之间的margin值,margin的确给我们带来了很多方便,但是随之也有许多问题,不仅有IE6的双倍margin兼容问题,还有其他都有的子元素绑架父元素问题.这时,我们可以采用新建一个内容为空格符 的div,来达到margin的效果.只需要设置这个div的宽度或高度即可.float-left的时候.将新

form表单中控件较多,加载完成后切换页面都很慢的解决方法

form表单中控件较多,加载完成后点击都很慢,为什么?我一页面中form表单里面上百个控件(如input.select.radio.checkbox等),还有一些js脚本,加载速度还可以,都能全部显示完毕,但是点击一些事件(如切换tab.关闭模拟框,点击radio等)都非常慢,不知道为什么? 当我采用inprivate模式浏览时,以上动作都很快,但老用inprivate也麻烦,有何办法解决. 按理说form都在客户端显示完全了,其他操作都是客户端的操作阿应该不慢才对阿/. ------解决思路-