1.CSS中使多个div并排显示的方法:
- flaot:left;
- display:inline;
两个div设置了float:left不并排的原因:
- 总宽度要小于或等于对象上级宽度
- 上级对象与本级div没有设置宽度
另:div作为父元素没有指定高度或宽度时,由其子元素的高度或宽度撑起父元素的大小。
2.CSS中加载背景图片时必须设置被加入位置元素的宽和高
HTML:<span class="drop_down"><!--加入背景图片位置--></span>
CSS:
span.drop_down{
height: 23px;
width: 23px;
background-image: url(Image/下拉.png);
background-repeat: no-repeat;
}
3.在一个工程中的CSS文件中设置背景图片时出现“Cannot resolve file 'sign_bg.png' ”的解决办法
一般建立的工程目录格式如下图所示:
如果在CSS文件夹下的main.css中添加背景图片时:background-image: url("img/sign_bg.png");
按常理是没有错的,但是该种写法的意思是img文件夹与main.css在同一级下面,然而并不是。
所以正确写法是:background-image: url("../img/sign_bg.png");