• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > 父元素的高度为0利用伪元素:after清除浮动可解决问题

父元素的高度为0利用伪元素:after清除浮动可解决问题

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含伪元素,浮动等相关知识,佚名 希望在学习及工作中可以帮助到您
让页面呈现多列布局时经常会使用 float:left/right ,可是浮动布局会导致父元素的高度为0(未设置高度的情况下),不会根据子元素的高度而变化,另外,后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。

该方法在 ie6、7 中无效,需要对 #content 设置 zoom:1。

您可能想查找下面的文章:

  • 利用CSS3伪元素实现逐渐发光的方格边框
  • css3+伪元素实现鼠标移入时下划线向两边展开的效果
  • 利用CSS伪元素创建带三角形的提示框的实现方法
  • 解析CSS中的伪元素及其与伪类的区别
  • CSS中:before和:after伪元素使用的奇技淫巧
  • 详解CSS中的伪类与伪元素及二者间的区别
  • CSS利用伪元素实现导航栏斜线分隔
  • 使用CSS伪元素实现文字部分变色的方法
  • CSS中的伪元素简介
  • 浅谈CSS伪类与伪元素

相关文章

  • 2017-08-06html内容超出了div的宽度如何换行让内容自动换行
  • 2017-08-06css网页布局中文字排版的属性和用法
  • 2017-08-06CSS命名规范参考及书写注意事项
  • 2017-08-06图片垂直居中css写法兼容ie6
  • 2017-08-06用CSS属性transparent实现各种三角形示例代码
  • 2017-08-06浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
  • 2017-08-06css 超过宽度的文字显示点点
  • 2017-08-06CSS控制图片、表格、背景颜色渐变示例
  • 2017-08-06CSS中的文本属性学习指南
  • 2017-08-06推荐14款非常有用的 CSS 网格系统生成工具

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 一个全屏的加载动画效果实现
    • CSS 网页布局应该避免滥用div元素
    • CSS3的Border-radius轻松制作圆角
    • 浏览器兼容之旅第二站:各浏览器的Hack写法让浏览器达到一致的渲染效果
    • css3 transform属性详解
    • 项目中碰到的css兼容问题小结
    • padding ie 不兼容问题
    • IE6不兼容position:fixed属性的解决办法分享
    • CSS中几种浏览器对不同版本的支持与区分写法
    • 使用CSS的pointer-events属性实现鼠标穿透效果的神奇技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有