DIV 浮动存不占空间

DIV 浮动存不占空间
比如
<div style="width:80px; border:1px solid #333">
<div style="float:left; height:50px; width:20px; background:#CCC"></div>
<div style="float:left; height:70px; width:50px; background:#000"></div>
</div>
你会发现因为里面的2个元素浮动，所以外面的DIV高度还是2px 2px是边框的。
浮动元素不占空间，
所以一般在下面加一个清除浮动就可以解决这个BUG
<div style="width:80px; border:1px solid #333">
<div style="float:left; height:50px; width:20px; background:#CCC"></div>
<div style="float:left; height:70px; width:50px; background:#000"></div>
<div style=" clear:both"></div>
</div>

时间： 2024-10-10 14:51:38

DIV 浮动存不占空间的相关文章

css基础 浮动元素不占空间 的简单示例

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

【html】【6】div浮动float

我想 当看完上面的必看链接,拥有一定的基础后也得7天左右, 记住 一定要看完,知道它都有什么,没学会不要紧,哪怕只是有个简单的概念也行, 随着后续的使用慢慢深入学习,现在开始div布局. 必看参考: http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html http://paranimage.com/css-float-attribute/ http://www.kwstu.com/ArticleView/divcss_201442

varchar(n),nvarchar(n) 长度、性能、及所占空间的说明

varchar(n),nvarchar(n) 中的n怎么解释: nvarchar(n)最多能存n个字符,不区分中英文. varchar(n)最多能存n个字节,一个中文是两个字节. 所占空间: nvarchar(n)一个字符会占两个字节空间. varchar(n)中文占两字节空间,英文占一个. n的取值范围: nvarchar(n)   n的范围是:1与4000之间 varchar(n)   n的范围是:1与8000之间 n的大小是否会影响性能: varchar及nvarchar里的长度 n 不会

表格自动适应浏览器大小及DIV浮动设计（页面自适应浏览器大小）

一.表格自适应浏览器大小 之前写了个页面,将width和height值给定死了,这样导致浏览器缩小时,表格不会跟着自动适应浏览器大小. 解决方法: 1.一般是给表格整体使用样式:table-layout:fixed: 2.将表格中的各个单元格的width和height属性值设为比例,而不是给定值. <table style="width:100%"> <tr> <td style="width:20%">skinny cell&l

varchar(n),nvarchar(n) 长度、性能、及所占空间分析 nvarchar(64) nvarchar(128) nvarchar(256)（转）

varchar(n),nvarchar(n) 中的n怎么解释: nvarchar(n)最多能存n个字符,不区分中英文. varchar(n)最多能存n个字节,一个中文是两个字节. 所占空间: nvarchar(n)一个字符会占两个字节空间. varchar(n)中文占两字节空间,英文占一个. n的取值范围: nvarchar(n)   n的范围是:1与4000之间 varchar(n)   n的范围是:1与8000之间 n的大小是否会影响性能: varchar及nvarchar里的长度 n 不会

android DatePicker / TimePicker 占空间太大的解决办法

DatePicker 与 TimePicker 控件占用的空间是固定的,没有参数可以更改. 如果修改 length 和 width 属性,只会让控件被切割,显示将不完整.很多人说可以使用 scale 属性来放大或缩小 android:scaleX="0.8" android:scaleY="0.8" 这种方法虽然会缩小控件,但控件还是没法显示全. 找到的一个不错的解决办法是,用 Java 反射机制获取控件相关属性,然后修改.代码如下: Field[] fields

使用CSS样式表方法绝对居中定位DIV浮动层

有什么简单的方法绝对居中定位DIV浮动层?答案用CSS怎么写样式表就可以了.下面的写法兼容IE系列浏览器和火狐浏览器. 详细解说,直接看样式: #dingwei{padding:10px;color:#FFFFFF; width:600px;height:300px; display:block; position: absolute; top:50%; left:50%; margin-left:-300px; margin-top:-150px;} padding:10px;color:#F

oracle 查看表行数所占空间大小

最新数据库空间有感觉捉急了,上次,删了些数据空了800+G,撑了一个多月,现在还有400+G,每天10G的增量,多少空间也感觉不够用啊. 不能加硬盘,就只有删数据了.. 删数据,人懒,直接找表行最多,占空间最大的表删 于是就有了下面一段SQL: select ut.table_name,ut.OWNER,ut.tablespace_name,num_rows,us.BYTES from dba_tables ut,(select segment_name,sum(bytes)/1024/1024

div浮动层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-