边界位移方向是指边值为正值,位移方向为负的位移方向。
如上图所示:黄色元素框边缘上,留下的是负面的,如10px,黄箱子元素(向祚)在10px元素相邻的元素移动;黄框缘,缘底是负的,如10px,黄元箱。它在右(下)相邻的元素和左(上)10px,垂直边缘的间距导致垂直边缘的边缘上第一个子元素常见问题将打开顶部和相邻元素的父元素:一盒如果没有填料(填料顶部)和上框架(边境上),然后在盒子顶部的距离与从重叠在第一子元素的内部
文件流,父元素的第一个子上沿边缘上。如果没有有效的边框或填充,它将继续寻找一个一本身,主要的麻烦(父元素,祖元)。只要我们建立一个有效的边框或填充的领导者,我们可以有效的
控制,以防止它跳过无铅缘缘或填充时应该使用保证金。
1,需要在边框外部添加一个空格。
2。空白中不需要
背景(颜色)。
3、两盒上下
连接,需要抵消彼此之间的空白。如15px + 20px缘,你会为20px的空白。我们应该在
什么时候使用填充:
1,您需要在边界内部测试中添加一个空白。
2。空格需要背景(颜色)。
3、两盒连接上下之间的差距,并希望等于两。如15px + 20px填充,你会得到的35px空白。总结:缘是用来分隔距离元素与元素之间;填料是用来分隔区间元素含量之间。保证金是用于分立元件使布局元素无关;用间隔的要素和内容之间的填充,使内容(
文本)和(包)之间的距离元素;呼吸;。
常见
浏览器下的漏洞
IE6是两侧除了bug:
发生的
情况是:在父元素的第一个浮动元素中添加边距时,在
设置元素边距左(浮点或左)或边距右边时,边距会加倍(元素浮动:右)。
解决方案是将
显示添加到浮动元素、CSS
属性或
替换左边填充的边距中。
原理分析:块级对象的
默认显示属性值为块。当浮动设置,其外缘也会出现。也许你会问:为什么不有一个双重边缘的对象和对象之间的一bug因为流动有其相应的对象,只有漂浮的物体相对于它的父对象会有这样的问题。第一个对象是相对于父对象,然后对象是相对第一对象,这样的对象将不设置后有一个问题,为什么显示:内联
函数可以解决这个双边距离的bug,第一个是内联元素或内联块元素没有双边距离问题。然后,浮动:左浮动属性允许内联元素haslayout,内联元素会像内联块元素的特性,
支持宽度,垂直margin和padding div类,所以所有的款式可用于显示内联元素。
在IE6的浮动元素3px区间的bug:
事件:发生在一个元素的花车,然后非浮动元素花车自然是接近的3px将bug出现。
解决方案:右边的元素也会浮起来;或添加IE6黑客_margin-left:- 3px向右元;从而消除3px间距。
原理分析:IE6浏览器
错误。
IE6 / 7切缘阴性隐藏的错误:
发生的事情:当负边距设置为非在haslayout haslayout元素的父元素,父元素的部分是不可见的。
解决方法:
删除父元素的haslayout,或给haslayout的子元素,并添加相对
位置;
原理分析:IE6 / 7独特的haslayout生产问题。
IE6 / 7,UL / OL标签消失的bug:
发生了什么:当UL / OL触发haslayout写缘UL / OL左,默认的UL / OL标签消失。
解决方案:为李设置余量,而不是设置左侧的边界。
原理分析:IE6或7浏览器的bug
缘和绝对元素重叠BUG IE6 / 7。
发生在两列自适应布局,左元绝对是绝对位置,和缘位于右侧,块级元素,适用于IE6 / 7与右边的自适应文本内容左侧的绝对属性。
解决方案:将左块级元素更改为内联元素,例如将div更改为。
原理分析:这是由于IE6和IE7浏览器的渲染内联和块级元素水平标签标签元素没有
区别。属于IE6和7浏览器渲染错误。
IE6 / 7 / 8,汽车利润中的bug:
发生:设置块元素的边距自动不在中间。
解决方案:此错误的
原因通常是没有DOCTYPE,从而触发IE的怪癖
模式,再加上一个DOCTYPE声明。在战败即向日葵收藏
原理分析:DOCTYPE声明缺乏。
输入{ }按钮提交保证金的设置:汽车是不是在IE8中
发生的事情是:在IE8,如果{显示:块,保证金:0汽车;},如果一个标签按钮(如按钮输入{
类型=按钮)输入{类型=提交)的设置,如果不设置宽度,它不能集中。
解决方案:可以向输入添加宽度。
原理分析:IE8浏览器的bug。
IE8的百分比填充垂直边缘的bug:
发生的情况:当父元素设置填充百分比时,子元素具有垂直边距,则父元素设置为边距。
解决方案:添加溢出:将隐藏/自动隐藏到父元素。
原理分析:IE8浏览器的bug。