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