IE6中margin-bottom为负值时失效

最新推荐文章于 2022-04-10 10:43:59 发布
最新推荐文章于 2022-04-10 10:43:59 发布
阅读量1.3k 收藏
点赞数
分类专栏： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sbt0198/article/details/38846745
版权
css 同时被 2 个专栏收录
21 篇文章 0 订阅
订阅专栏
html
15 篇文章 0 订阅
订阅专栏

为什么要用负值就不多说了，反正重复的使用border-bottom的时候无法避免的要使用它来消除最后一行的border。

在网上查了很多资料，反正IE6只要出现问题，zoom，relative，overflow hidden 都是最终的终极武器。

可是用了还是会出现问题。原因是当使用了margin负值的元素，使用了relative的时候，父元素，一定要使用relative才可以。

真是一粒米坏了一锅粥啊。。。。。。。



今天女友看到了我的身份证，仔细对着我看了半天，我笑道：“怎么，是变丑了还是变帅了？”她摇摇头说道：“感觉就像变了一个人……”我正洋洋得意呢，“就像换了一种丑法”…… 

白鼠闹东京
关注
专栏目录
CSS的学习记录
m0_60518344的博客
08-17 200
CSS分为两部分：CSS的选择器, CSS的属性。 CSS的引入方式 - 内联样式(行内样式) 缺点：样式与结构冗余 优点：优先级较高 内联样式表就是把css代码直接写在现有的HTML标签中 注意：样式的内容写在元素的开始标签里，并且css样式代码要写在style=""双引号中，多条css样式写在一起中间用分号隔开。 代码： 效果： - 内部样式表 缺点：样式的复用率较低 优点：样式与结构分离 内部样式表可以同时为多个元素设置样式 注意点: -style标签要写在head标
css2.1--笔记4（fix失效+总结）
ABU_MOlI_ITUI的博客
08-12 263
解决ie6底下fixed失效问题： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>fixed</title> <style type="text/css"> *{ margin: 0; padding: 0; } #test{ position: fixed; width: 100px
关于css 中margin-bottom 失效
wangmiao_1995的博客
05-16 3220
项目中发现margin-bottom 在一些情况下会失效后找到的一种解决办法，虽然low了点，但能用(小程序同理) html: <div class="clear"></div> 小程序: <view class="clear"></view> css: .clear{ clear:both; } ...
css：margin为负数的情况
彼方_的博客
06-15 2355
虽然margin可以应用到所有元素，但display属性不同时，表现也不同 【1】block元素可以使用四个方向的margin值 【2】inline元素使用上下方向的margin值无效 【3】inline-block使用上下方向的margin负值看上去无效 （inline-block使用上下方向的margin负值只是看上去无效，这与其默认的vertical-align:baseline有关系，当垂直对齐的属性值为其他值时，则会显示不同的视觉效果） 　　　　 以下以display：block的div标签作为示
margin-bottom负值实现多列等高布局
kongjunchao159的博客
10-17 1605
什么是多列等高布局？ 经常会有这样的需求，一个父容器中，存在多列子容器，这些子容器的高度是不固定的，正常情况下，父容器的高度会随着其子容器最高的那个容器的高度而变化伸缩，但其它子容器的高度并不会变化，导致如下结果 显然，这并不是我们想要的，我们需要左侧和右侧的高度共同变化，这时，就可以使用margin-bottom负边距实现 padding补偿法 首先，给子容器设置padding-
margin为负值怎么解释？
SCUhzs
10-01 3252
文章目录前言margin四值顺序margin表现margin为负值1.margin-left,margin-right为负值元素本身没有宽度元素本身有宽度2.margin-top为负值3.margin-bottom为负值 前言 margin设置为负值往往用于实现双飞翼布局、圣杯布局中。我本人对这些布局实现的原理还有点懵，故整理一下margin为负值的情况。 margin四值顺序 【1个值】margin: top|right|bottom|left; 【2个值】margin: top|bottom left
IE6下为元素的margin设置负值不起作用
xiao1215fei的专栏
09-14 386
解决方式：为该元素设置position：relative
firefox margin-top失效的原因与解决办法
10-30
2. 如果其中一个margin为负值，则最终的margin值会是所有正值的总和减去最大的负值，或者，如果没有正值，则全部取绝对值后用0减去最大的负值。 3. 如果两个margin都是负值，则最终的margin值会是绝对值中较小的那个...
css布局绝对定位下margin失效的解决方法
09-25
3. 计算元素宽度（水平居中时）或高度（垂直居中时）的一半，并将该值的负值赋给margin-left或margin-top，完成居中。 例如，若一个元素的宽度是116px，要实现水平居中，可将其设置为： ```css position: absolute;...
2020-12-17 html、css面试题3: 水平垂直居中，左右固定中间自适应 三栏布局，静态布局、自适应布局、流式布局、响应式布局、弹性布局，IE中常见的兼容性问题，清空数组的方法
Amanda&Rachel的博客
12-17 502
11.如何让一个盒子水平垂直居中 1、 如何让一个盒子水平垂直居中 ①定位：（常用方法,推荐） position:absolute; position:relative; left:值; top:值; ②display:table-cell; ③外边距：margin-left:值; margin-top:值; ④margin:auto;（不兼容低版本的IE浏览器） ⑤弹性盒模型：display:flex; justify-content:conter; align-itens:center; ⑥用trans
CSS样式在IE6下无效的问题解决方案（编码问题)
kingisking1的专栏
12-10 695
解决： 1、改变文件编码格式为utf-8，并在css文件加上 @charset "utf-8"; 繁體的話 是 @charset "BIG5"; 2、去掉css中的中文注释。
IE6不兼容margin为负值的解决方法
princess_prince的专栏
11-21 389
CSS里边再加上“position:relative;”就行了 如：#div1{ width:200px; margin-left:-80px;}，这个在IE6中是有问题的， 换成：#div1{ width:200px; position:relative; margin-left:-80px;}，这样在IE6中就没问题了 ...
IE8 margin-bottom 不起作用
kogu的博客
04-05 4362
碰到一个很奇怪的问题，在IE8下，设置了margin-bottom，页面显示的时候不起作用，在网上找了一下， 都说是 float 搞的，把这个属性去掉后还是这样，后来找到一个关于 margin 折叠的帖子，终于解决问题了。 解决方法：在样式里加上  display:inline-block;属性。   参考：http://wenku.baidu.com/view/9abd2b41336c1
margin负值问题
ll_0801xyz的博客
08-17 3282
margin
【CSS】盒子模型以及负边距的使用
小绵杨
04-10 1337
目录一、盒子模型1、盒子内部结构2、盒子之间的相互影响二、负margin1、自适应布局双飞翼布局圣杯布局2、图片与文字对齐3、元素居中 一、盒子模型 在“css盒子模型”理论中，页面中所有元素都可以看成一个个盒子，并且占据这一定的页面空间。 一个页面由许多的盒子组成，这些盒子之间也会互相影响，因此我们需要从两方面深入了解盒子模型： 每个盒子的内部结构 多个盒子之间的影响关系 1、盒子内部结构 可以看到，由内容区（content）、内边距（padding）、边框（border）和外边距（margin
html负值像素,margin为负值的几种情况
weixin_30652395的博客
06-04 913
1用能境战求道，重件开又是正易里是了些之框、margin-top为负值像求圈分件圈浏第用代是水刚道。的它还素marg二，都过发宗发数前业很断屏击和公图使分近in-top为负值像素，偏移值相对于自身，其后元素受影响，见如下能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动标代码：1 2 3 4 5 6 margin不同赋值情况(负值，百分数)7 ...
Margin 负值的问题-对 margin 的top、left、right、bottom 设置负值，有何效果？
m0_49456900的博客
03-01 793
margin-top 和 margin-left 为负值，元素会向上、向左移动； margin-right 为负值，右侧元素会左移，但自身不会受影响； margin-bottom 为负值，下方元素上移，但自身不会受影响。
前端_margin负值的相关问题
Andy
02-23 524
前端_margin负值的相关问题
margin-bottom
最新发布
08-18
`margin-bottom` 是 CSS 中用于设置元素底部外边距的属性。 通过设置 `margin-bottom`，可以控制一个元素与其下方元素之间的垂直间距。 以下是一些常见的 `margin-bottom` 的使用示例： 1. 设置固定数值的外边距...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值