HTML
CruellyJohn
这个作者很懒,什么都没留下…
展开
-
如何使div占满屏幕~
我们暂且认为这个html里面只有三个元素。分别为<html>、<head>、<body>、<div>首先要设置这个div的height为100%。其次因为这个height的100%是相对父元素的,而其父元素为body,那么我们要将body的height也设置为100%。最后,同理,body 的100 %也是相对其父元素的,而它的父元素是根...原创 2018-02-13 20:56:12 · 1079 阅读 · 0 评论 -
html小知识之使页面内容整体居中(水平居中或垂直居中)
1、页面内容水平居中的办法, 方法一: ①最外层的div设定它最大的宽度为1200px(可根据情况调整) ②最外层div样式设置为,margin-left:auto;margin-right:auto; 如: &lt;div style:"max-width:1200px;margin:0 auto"&gt; .... &lt;/div&gt; ...原创 2018-02-13 21:00:26 · 55292 阅读 · 3 评论 -
关于icon小图标的实现
1、使用CSS Sprite即需要用到background-image和background-position这两个属性。一般图片应该保存为png-24格式通过background-image引入图片后,再根据background-position定位图片中小图标的位置,从而得到自己想要的图标2、引用字体图标优点:推荐使用原创 2018-02-23 14:36:10 · 2579 阅读 · 0 评论 -
清晰解析什么是文档流?
所谓的文档流,就好比如一块块的正方形组成的一个整体,而这些正方形就代表着每个div。当某个div脱离了这个整体,也就代表他脱离了文档流。然后下一个div就会来填补脱离的div的位置。下面是流程图。 有四个小朋友在买小卖部排队买糖吃~ 第一个买完了糖的小朋友脱离了排队的队伍开心的吃糖去。 后面的小朋友看前面的小朋友走了,连忙补...原创 2018-03-25 15:52:23 · 16056 阅读 · 6 评论 -
解决div相互覆盖层叠问题!
当我们看到div相互层叠覆盖的时候,首先我们想到的是否有div脱离了文档流?其次我们在分析他们是通过什么方法脱离文档流的? 目前,常见的脱离文档流的方法有position定位和float浮动两种! 如果不知道什么是文档流的童鞋可以看看这个。 1、如果这个div是通过float导致的脱离文档流的话,可以通过上面的div和下面的div之间插入清除浮动。 ...原创 2018-03-25 16:14:17 · 15714 阅读 · 0 评论