html5第七课时,用overflow解决下方child中的margin-top中的父类子类都移动的现象
2017-05-01 10:31
435 查看
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #parent{ width: 300px; height: 300px; background-color: #42668f; overflow: hidden; /*用overflow解决下方child中的margin-top中的父类子类都移动的现象*/ /*或者为父类添加padding,或者为父类添加border*/ } #child{ width: 150px; height: 150px; background-color: #f2ad0a; margin: 0 auto; margin-top: 75px; } </style> </head> <body> <div id="parent"> <div id="child"></div> </div> </body> </html>
相关文章推荐
- 为什么加了overflow后父类的margin-top不随子类移动了
- 第一个子容器设置margin-top后和父容器发生外边距合并,解决办法是给父容器设置非0 padding-top或overflow:hidden
- 解决:子div设置margin-top使得父div也跟着向下移动
- firefox margin-top失效的原因与解决办法
- 域限定符解决子类中调用父类重名函数问题
- FF浏览器嵌套div中margin-top转移问题的解决办法
- QWS透明后鼠标移动出现阴影现象解决办法
- 利用java反射机制,子类从父类拷贝属性--解决信息修改类设计的模式
- margin-top在firefox失效的原因及解决办法
- CSS中margin-top属性失效问题解决
- 子层的margin-top属性应用到父层上的解决方法?
- android动画特效之解决解决移动后闪烁现象,解决输入法弹出后位置回复原状,解决两个动画叠加
- firefox margin-top失效的原因与解决办法
- FF浏览器嵌套div中margin-top转移问题的解决办法
- 火狐FF和IE兼容下margin-top无效的解决方法
- Firefox下margin-top失效解决技巧
- firefox 和 chorme 下面 margin-top 出错的解决
- firefox,IE8中margin-top的bug及解决办法
- margin-top失效的解决办法
- margin-top无效的解决方法