网页属性 padding,margin值重叠问题怎么解决?
1.同向margin的重叠:
1图片的margin-top与3图片的margin-top发生重叠,2图片的margin-bottom与3图片的margin-bottom发生重叠。
这时候重叠之后的margin值由发生重叠两片的最大值决定;如果其中一个出现负值,则由最大的正边距减去绝对值最大的负边距,如果没有最大正边距,则由0减去绝对值最大的负边距。解决同向重叠的方法:
(1)在最外层的div中加入overflow:hidden;zoom:
1(2)在最外层加入padding:1px;属性(3)在最外层加入:border:1px solid #cacbcc;2.异向重叠问题:
1图片的margin-bottom与2图片的margin-top发生重叠,这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。
解决异向重叠问题:
float:left(只能解决IE6浏览器中的异向重叠问题,可以解决IE8以上、chorme、firefox、opera下的同向重叠问题)
谁能告诉我margin和padding的用法以及区别?
margin表示盒子自身的位置描述,padding和border属于自身属性。对于盒子内部的内容来说,margin和padding对于距离的效果差不多的,但是因为padding是盒子属性的原因,会将盒子的其他属性也表示出来,相当于将小盒子变成了大盒子,像background,box-shadow之类属性的表示范围也会增大,而margin相当于将小盒子挪移了一段距离,并没有增大盒子本身。特殊情况除外(总能想到反例,说出来又太麻烦了)
怎么让iframe自适应浏览器的高度和宽度?
让iframe自适应浏览器的高度和宽度的具体步骤如下:
1、首先设置样式:body{margin:0; padding:0;}。
2、如果不设置body的margin和padding为0的话,页面上下左右会出现空白。html代码如下:<iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" frameborder="0"></iframe>。
3、这个方法可以达到让iframe自适应高度的效果,但是如果将窗口放大或缩小效果就不出来了,也就是本文开头讲的。需要再次刷新,那就不属于自适应了。代码是:
var ifm= document.getElementById("myiframe");
div浮动?
在CSS里设置DIV标签各属性参数为0div{margin:0;border:0;padding:0;}这里就设置了DIV标签CSS属性相当于初始化了DIV标签CSS属性,这里设置margin外边距为0;边框border属性为0和内补白也为0;这样相当于就初始化了DIV盒子之间距各属性距离为0,这样就不会造成DIV直接有一定的距离。