首页 > 其他分享 >css怪异现象合集

css怪异现象合集

时间:2023-02-11 11:23:41浏览次数:40  
标签:不太靠 父级 元素 css 设置 overflow 合集 display 怪异

一、margin上塌陷解决方案(无中生有的margin-top):

1.父级元素设置padding-top:1px;//最不靠谱的解决方案

2.父级元素设置 overflow: hidden; 或者 overflow:auto; 或者 overflow: scroll; //最现实的解决方案

3.父级元素设置display: table;//不太靠谱

4.父级元素设置 display: inline-block;//不太靠谱

5.父级元素设置display:flex;//不太靠谱

6.父级元素设置position: absolute;//最坑爹的解决方案

二、无缘无故出现的元素之间的间隙

1.设置当前元素 font-size:1px;

2.去除元素之间的换行

 

标签:不太靠,父级,元素,css,设置,overflow,合集,display,怪异
From: https://www.cnblogs.com/laremehpe/p/17111087.html

相关文章

  • CSS架构之BEM设计模式
    为什么需要CSS架构?其实在日常开发CSS当中,会遇到许多的问题,使用设计模式能够很好的解决。例如在日常开发项目,需要组件化时,组件内部的class样式类管理就非常的杂乱。大部分......
  • CSS:粘性定位 使正文标题置顶
    案例效果关键代码代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><meta......
  • CSS伪类选择器
    我们经常会看到页面中有一些特殊的动态样式,例如,点击文本的时候,文本颜色发生变化,鼠标悬停在文本区域的时候,文本区域背景颜色发生了改变,这样的效果该如何实现呢?(案例参照:新闻类......
  • CSS组合选择器
    如果页面结构很复杂,给每个元素设置类名会是很‘头疼’的事情。我们来举个例子。通过布局和样式,实现这样的页面效果。在004目录下,创建一个css-combinators.html文件,构建......
  • 深度学习|论文中常用的注意力模块合集(下)
    注意力机制可以增加少量参数的情况下来提升计算精度和模型性能,在论文中常用的注意力模块合集(上)中介绍了三种注意力机制,它们分别是CA、CBAM和SE,均在目标检测和语义分割领域......
  • 深度学习|论文中常用的注意力模块合集(下)
    注意力机制可以增加少量参数的情况下来提升计算精度和模型性能,在论文中常用的注意力模块合集(上)中介绍了三种注意力机制,它们分别是CA、CBAM和SE,均在目标检测和语义分割领域......
  • 好客租房163-css Module的应用
    1使用cssModules修改NavHeader样式2在样式文件中修改当前组件的样式3对于组件库中已经有的全局样式(比如:am-navber-title)importReactfrom'react'import{NavBar}fro......
  • 好客租房161-css modules的说明
    cssmodules通过对css类名重命名保证每个类名的唯一性从而避免样式冲突的问题换句话:所有类名就具有局部作用域只能当前组件内部生效webpack的css-loader原因......
  • CSS: 绝对定位fixed
    属性介绍元素会被移出正常文档流,并不为元素预留空间,而是通过指定元素相对于屏幕视口(viewport)的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。打印时,元素会出现在......
  • 视频直播app源码,纯css实现横向滚动
    视频直播app源码,纯css实现横向滚动<!DOCTYPEhtml><html> <head>  <title>横向滑动</title>  <metaname="viewport"content="width=device-width,initial-sca......