html,css所遇问题(一)

div中添加背景图片必须设置宽高

例如:下述代码没有设置icon的宽高值,那么网页中也不会显示出背景图片,因为div 里面有内容才会出现背景,没内容又没设置宽高,那div就是空的,默认高度为0宽度为0。

.icon{background:url("../images/icon/shopIcon.png")left top no-repeat;float:left;}

在没有float:left时,必须要加上display:inline-block,否则图片也是不显示的

inline-block,block和inline的概念及区别

总体概念

1.block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。

2.大体来说HTML元素各有其自身的布局级别(block元素还是inline元素):

-常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。
-常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。

3.block元素可以包含block元素和inline元素;但inline元素只能包含inline元素。要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。比如 P 元素,只能包含inline元素,而不能包含block元素。

4.一般来说,可以通过display:inline和display:block的设置,改变元素的布局级别。

多个浮动子元素宽度之和超过父元素宽度解决办法

多个浮动子元素宽度之和超过父元素宽度掉下来最后的一个的解决方法: margin-right:-x px;当宽度范围超出父元素的宽度时,为父元素设置样式overflow:hidden;

DD_belatedPNG 解决 IE6 不支持 PNG-24 的解决方案

DD_belatedPNG.fix('div,ul,ol,li,dt,dd,dl,span,img,a,em,strong,h1,h2,h3,h4,h5,h6,p');

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,149评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 15,977评论 32 459
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 1,019评论 0 3
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,265评论 0 30
  • 创业需要情怀 却又不仅仅是情怀 创业需要激情 却又不仅仅是激情 创业更像是种仪式 一种漫长的 证明生命存在的仪式 ...
    山米小小的世界阅读 65评论 0 0
  • 因为还是初冬,河洑山公园秋色还未褪去,公路两旁是厚厚堆积的落叶!我们的车行驶在山中宽阔的沥青路上,道路两旁的树荫正...
    心中的迷彩阅读 365评论 0 0
  • 本文无打广告的嫌疑,如你认为不喜欢可以选择关闭!我也无意推销产品的意思,就是很开放的心态与大家聊一聊我的主业,我很...
    刘平努力阅读 208评论 0 1
  • 求乞者和贩卖者 2016-12-25 可爱的寅乾 寅乾 一个喜欢追求自我的灵魂。 当几座大厦冒出了头,该下车了。我...
    拉美西斯神灯阅读 136评论 0 0