CSS之 |
您所在的位置:网站首页 › width和height设置多少 › CSS之 |
0,注意,最外层div的父元素就是body元素,经测试,该div假如没有设置了高度,宽度,那就会继承body元素的高度和宽度,注意body元素默认高度是没有的,即0;默认宽度是页面的宽度,可以加border边框进行测试。 1,width:100%; 百分比,设定对象宽度占父元素100%,最外层div的父元素就是body元素,经测试,该div假如没有设置了高度,宽度,那就会继承body元素的高度和宽度,注意body元素默认高度是没有的,即0;默认宽度是页面的宽度,可以加border边框进行测试。 ---100%是根据父级元素的高度宽度来决定的,例如父元素浏览器窗口变小了(即body元素变小了),那么body下的div元素也会变小。因为是百分比,假如body宽度为1000px,那么10%就是100px,假如body宽度为100px,那么10%就是10px。 2,width:50px; 绝对数值 3,width:auto;和不设置width属性一样,auto元素是缺省的宽度,所以两者效果一样。根据对象实际大小自适应宽度。auto元素受子元素撑开影响(即随内容的宽度高度而变化)。 4,使用场合,针对元素A (1),A是容器,希望A把它的父容器充满,就是100%。 (2),A是容器,希望A根据容纳的元素大小变换自己的大小,用auto。 (3),A不是容器,宽度不知,需要显示完全,用auto。 (4),A不是容器,宽度不知,可能大于所有容器宽度,希望填满,用100%。 5,存在即为合理,各有用途,或许眼前没用到,不等于它没用。 6,重点:div高度宽度设置为百分比100%和auto的区别? 前者是父元素(例如页面窗口)有多大就多大,例如缩小了浏览器窗口,body下的子div元素(设置的高度宽度为百分比)就会变小,可以用border测试。auto则不会出现这种情况(它会受内部子元素的影响)。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |