只有块元素才可以默认“继承”其父元素的width.
浮动元素和定位元素也是不默认(不自动)“继承”其父元素宽度的。
当符合css默认“继承”的情况下(子元素必须是块级元素且无定位或浮动),是不需要写width属性,就可以默认“继承”的。
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也是允许的。
css设置div宽高按照10/1显示,无论这个div的宽怎么变化,div的高都会是宽的十分之一,这就是 aspect-ratio 的作用,例如下面这个例子
假如说div的内容已经高于div显示的高度,那么div会根据内容的高度来显示,也就是说最小高度是宽度的十分之一,最高的就是按照内容的高度走
假如说就想跟着比例走,即使内容超出比例的高度,那该怎么做呢?很简单,加上 min-height:0 就可以了,这样就可以让高度不根据内容计算了,而是固定的数值
如果我们同时设置width和height,则aspect-ratio就不起作用了,就完全按照width和height设置的值显示
假如我们设置了最大的宽度时300px,因为是块状元素,宽度是展开一行的,并且高度是按照比例走的,那么高度就是30px
假如我们在标签上用width或者height属性, aspect-ratio 的优先级也是低的,例如:
最后结果还是按照标签属性上的width和height显示宽高,而不是 aspect-ratio 设置的1/1比例
综上所述, aspect-ratio 的优先级是最低的,不过确实好用