HTMLCSS常见问题整理（三） (2)

第二：直接限制自动调整

53.div中内容没有撑开高度的原因，怎么解决

父级div没有设置高度，子级div设置高度了，此时，父级div的高度是靠子级div撑起来的，但是当子级div浮动了，父级的高度也就没有了，此时需要给子级增加一个兄弟div，并且clear：both，就能解决问题

54.双倍边距bug

在产生双倍边距bug的元素内，增加一行属性：display:inline;
或者，采用cssHack:margin-left:12px;_margin-left:20px;

55.如何让div水平排列

浮动或者定位

56.定义id名和class名有什么区别？

从概念上来说，id是先找到结构/内容，再给他定义样式；class是先定义好一种样式，再套给镀铬结构/内容。

从样式效果来说，id的优先级要比class高出一个层次，html中不关有几个id，在css获取到的就是所有的，但是在js中通过document获取到的是第一个

57.CSS有几种引入方式，link和@import有什么区别？

见我的博客：

link是XHTML标签，除了加载CSS外们还可以定义RSS等其他事务，@import属于CSS范畴，只能加载CSS。
link引用CSS时，在页面载入时同时加载；@import需要页面网页完全在如以后加载

link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持

58.在IE中给div设display:inline-block;它还会占一行吗？

ie不支持display属性

59.如何制作渐变效果（不适用CSS）

60.上下两个div分别设置了margin-bottom和margin-top，两个div之间的距离是多少？

会发生融合效果，距离就是数值比较大的那个