很多情况下我在写div的时候都不会把高度写死,而是用子元素撑开高度的方式,但是如果子元素设置了浮动或者position绝对定位,就相当于把子元素从文档流中拿出来了,这时父元素的高度就不能被子元素撑开了,那么原本在文档流中跟在父元素后面的元素很有可能被遮挡住。解决方法:

1. 给父元素设置一个最小高度min-height,或者给非绝对定位的子元素设置高度

2. 在父元素结束前添加一个div,清除浮动

浮动元素在窗口缩小时可能会被挤到下面,解决方法:给父元素设置overflow:hidden,这样被挤下去的元素就被隐藏了。

img标签会自带一个边距,解决方法:1. 将img块状化;2. 将img左浮动;3.  为img添加样式img{vertical-align:top|bottom|text-top|text-bottom;};4. 为img的父级加高度;5. 为img的父级加样式 font-size:0;

最新文章

  1. java高薪之路__006_多线程
  2. 使用 Java Service Wrapper 启动java后台进程服务
  3. PowerDesigner增强
  4. MSCRM 修改 默认组织
  5. position属性absolute与relative(转)
  6. c++ primer plus(文章6版本)中国版 编程练习答案第八章
  7. web后端server优化
  8. PHP文件相关函数试题
  9. 35.Linux-分析并制作环形缓冲区
  10. PHP 微信公众号-创建菜单-配置
  11. PHP批量去除bom头代码的小工具
  12. maven The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path错误
  13. JS实现选择排序
  14. sprintf补位
  15. centos7 安装MySQL7 并更改初始化密码
  16. jzoj5929. 【NOIP2018模拟10.26】情书
  17. Volley超时重试机制
  18. HighCharts定时刷新图表
  19. 初识PHP之php运行流程及原理(一)
  20. androidstudio提示adb错误:cannot parse version string:kg01的解决方法

热门文章

  1. linux安全加固浅谈
  2. MyEclipse + Maven开发Web工程的详细配置过程
  3. GraphQL:你的容颜,十万光年
  4. python中除法的注意事项
  5. 常用的评价指标:accuracy、precision、recall、F1-score、ROC-AUC、PR-AUC
  6. JAVA实现调用微信js-sdk扫一扫
  7. python数据结构-数组/列表/栈/队列及实现
  8. Java获取URL中的顶级域名domain的工具类
  9. 删除.svn 脱离svn版本控制器
  10. Hadoop2源码分析-HDFS核心模块分析