设置border后div发生变化的问题
来源:互联网 发布:淘宝店怎么找货源 编辑:程序博客网 时间:2024/05/03 22:10
垂直外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距,而且只在标准浏览器下
(FirfFox、Chrome、Opera、Sarfi)产生问题,IE下反而表现良好。
这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
再说了白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己
“领导”(父元素,祖先元素)的麻烦。只要给领导设置个有效的
border或者padding就可以有效的管制这个目无领导的margin防止它越级,假传圣旨,把自己的margin当领导的margin执行。
对于垂直外边距合并的解决方案上面已经解释了,为父元素例子中的middle元素增加一个border-top或者padding-top即可解决这个问题。
0 0
- 设置border后div发生变化的问题
- div+css布局问题:设置浮动后的div高度变化后不超出最外层div
- ie中div设置底部固定后,不随着浏览器的分辨率变化而出现div位置的变动
- 解决给div中添加文字后位置发生偏移的问题
- 赋值操作后,对象的引用发生变化
- iOS中加载XIB后,控件的大小发生变化
- 添加到父类视图后,subview的高度莫名发生变化
- div在设置了宽度后的line-height问题
- 纯css怎么控制一个div的高度跟随另外一个DIV高度发生变化
- 点击按钮,div发生各种样式变化
- 解决table的border属性设置为0后tr不显示border
- 怎么设置空链接点击后页面位置不发生变化
- 修改手机主题背景和强调色设置后,UI显示发生改变的问题
- 关于double类型数字相加位数发生变化的问题
- iOS 11导航栏高度发生变化的问题
- LinearLayout的border设置。
- 通过 hover 来改变 border 颜色大小的时候,标签位置发生移动的问题
- EditText代码设置inputType后键盘输入类型变化问题
- 设计模式中类的关系
- 深度解析struts2的valueStack
- C语言中的空字符'\0'
- HDU-1045(DFS)
- UIView
- 设置border后div发生变化的问题
- Android 打开系统蓝牙设置
- 程序员面试金典: 9.13 C和C++ 13.3 C++虚函数的工作原理是什么?
- S2 S2226SQL高低金牌考题第一次测试分析 改错
- Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
- csv格式的文件数据导入mysql指定的表中方法
- pop点击背景变暗
- Java SE 8 Lambda Expressions
- Android之利用EventBus进行消息传递