热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

今日收获18/3/30

1.DIV中如果只有行内元素,那么DIV是不会被撑起来的2.在图片上加字,看到的常用的方法是“绝对与相对定位”,也可添加背景图。<figure>用着有些奇怪,之后研究。3.

1. DIV中如果只有行内元素,那么DIV是不会被撑起来的

2.在图片上加字,看到的常用的方法是“绝对与相对定位”,也可添加背景图。

用着有些奇怪,之后研究。

3.制作等高型分栏:a.表格(俺不想用) b.伪造分栏(使用背景平铺,可以随着内容增多而平铺,也可用线性渐变也适合百分比)。还有很多方法能让分栏看起来是等高的:点击打开链接

4.一个惊人发现:我在一个DIV中嵌套多个DIV本以为外层DIV会被内层DIV撑高,可是完全没有???为什么?

发现一个解决:点击打开链接。还得要研究float的用法。这位深入讲解了这个属性:点击打开链接 以及 点击打开链接(待看) 所以我在一个DIV中放置了两个float的div之后,外层div没有被撑开是因为其中的东西实质上是没有高度的?

因为你可能这一块做过浮动,但未做清除,那么造成高度塌陷的问题。就是上面图示的那种情况。

清除浮动,最常用的方法有两种:

  • overflow: 将父元素的overflow,设置成hidden。
  • after伪类:对子元素的after伪类进行设置。

5.


推荐阅读
author-avatar
姿葱
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有