CSS设定,最低高度和自动增加高度怎么做?

html-css024

CSS设定,最低高度和自动增加高度怎么做?,第1张

HTML

<div class="div1">

</div>

CSS

.div1 {

min-height: 30px/*最小高度30像素*/

}

设置min-height后,默认最小高度为30像素。内容增加后,div高度也会容增加。

注意:ie6 不支持min-height属性。

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也是允许的。

高度用百分比:

<div id="a"><div>Div2</div></div>

#a{height: 50%}

#a div{height: 50%}

按上面的意思,外面div应该等于网页高度的一半,里面div高度为网页高度的4/1,然而你会发现并不生效,原因是高度需要从外到内一层一层的继承,里面的div设百分比高度才会有效吗,所以你得给body或html先声明个样式:body{height: 100%}。

很多时候,网页内容多少在变化高度也在变,每个页面高度并不是统一的,用这个代码还是会产生不一样的内层div高度。

网页高度自适应,基本上忘了css吧,很多设计情况下css不管用,写几段js动态判断需求再动态的算出高度赋值给div。