css设置宽度、高度

html-css014

css设置宽度、高度,第1张

<div style="background:redpadding:10pxwidth:100px"><div style="height:500pxwidth:100pxbackground:#ccc"></div></div>

你复制过去看看DIV 本来就是 高度、宽度随子DIV变化

你是不是设了 一些 FLOAT 属性?

那就要 float 元素结尾 加上

<div style=" clear:both"><div> 清楚浮动

最小高度 你试试这个

min-height:500px /*高度最小值设置为:100px*/

height:auto !important/*兼容FF,IE7也支持 !important标签*/

height:500px/*兼容ie6*/

总宽度 = 宽度(width:内容区宽度)+ pdding + border

css3新增box-sizing属性。当box-sizing设置为border-box时,

总宽度 = 宽度(width)= 内容区宽度 + padding + border 。

box-sizing默认取值:centent-box,盒标准与CSS2中的一致。

CSS设置div边框颜色宽度和高度步骤如下:

1、新建一个html文件,创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。

3、通过div 的border属性控制边框颜色,设置border的宽度为2px,线型为实线,颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度,如下图:

扩展资料:

css border属性:

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-width,border-style,border-color

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。