width、height为auto或者100%的区别

【width、height为auto或者100%的区别】的更多相关文章

width、height为auto或者100%的区别

一.规则 1. 某div不设置宽度,那么width默认为auto. 2. 某子元素div的width为100%(或者设置为等于父元素宽度的具体值,比如父元素width为100px,子元素width也设置为100px),则此子元素的宽度 = 父元素width值(不包括父元素边框,内边距)+子元素的边框.内边距宽度 4. 某个div的width不设置,或者设置为auto, 子元素的宽度会包含在父元素内,子元素边框.内边距都在不会叠加到子元素的长度上二.实例 <!DOCTYPE html> <…

width为auto或者100%的区别

一.四个理论 1. 某div不显示设置宽度,那么width为auto. 2. 某div的width在默认情况设置的是盒子模型中content的值 3. 某div的width为100%表示的是此div盒子内容部分的宽度为其父元素的宽度. 4. 某个div的width不设置,或者设置为auto,那么表示的这个div的所有部分(内容.边框.内边距等的距离加起来)为父元素宽度. 二.小注意点 1. 有些时候,设置了某个div的背景,但是看不到,有可能是高度为0,也有可能是宽度为0. 三.实例 <!DOC…

stage.width/height和stage.stageWidth/stageHeight的区别

stage.stageWidth和stage.stageHeight就是舞台的宽带和高度一般默认打开宽带是550,高度是400 那么stage.stageWidth=550,stage.stageHeight=400 当更改了舞台的宽带和高度时,stage.stageWidth和stage.stageHeight也会跟着改变而stage.width和stage.height不会随舞台的大小改变而改变的 stage.width和stage.height就是加入到显示列表上的物体的大小当显示列…

height clientHeight scrollHeight offsetHeight的大致区别

这主要是针对火狐浏览器来讲的: height:就是div的高度,就是style中设置的高度:在chrome中clientHeight是包含padding的,offsetHeight和clientHeight差不多,而scrollHeight则是滚动条滚动的高度, 可以用这个例子来查看区别: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></titl…

Html 之自动高度 auto 和 100%高度

HTML 高度下面示例设置为 Auto 和 100% <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&…

as3:sprite作为容器使用时，最好不要指定width,height

除 TextField 和 Video 对象以外,没有内容的显示对象(如一个空的 Sprite)的高度为 0,即使您尝试将 height 设置为其它值,也是这样. 如果您设置了 height 属性,则 scaleY 属性会相应调整(width类推) 原作者:菩提树下的杨过出处:http://yjmyzz.cnblogs.com 也就是说,一个空的sprite,既使您设置了width,height也是没用的(而且人为设置了反而会有负作用,见下面的代码) var _sprite:Sprite = n…