width：100%width:100%，则说明p的width会得到500px就已经充满div区域，然后自己又有padding，所以会出现滚动条。并不包含margin-left margin-right的属性值，直接取其父容器的宽度加上含margin-left /margin-right的值。如果设 ...
分类：
其他好文 时间：
2018-03-27 14:47:25
阅读次数：
138
css.divli{width:500;height:300px;border:1pxsolidgray;margin-left:100px;}.faceul{width:400px;height:250px;border:1pxsolidred;padding-left:5px;margin-left:10px;}.faceulli{list-style-type:none;float:left
分类：
Web程序 时间：
2018-03-24 22:37:37
阅读次数：
248
margin折叠规则两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠浮动元素/inline-block的元素/绝对定位元素的margin不会和垂直方向上的其他元素的margin折叠 创建了块级格式化内容的元素，不和它的子元素发生margin折叠 元素自身的margin-bottom和m... ...
分类：
其他好文 时间：
2018-03-23 14:11:38
阅读次数：
168
网页布局 1.display的特性 display：inline 块元素变为行内元素 2.float属性 清除浮动clear 解决父级边框塌陷的问题 1.第一种方法 2.第二种方法 3.第三种方法 overflow属性 注：auto与scroll的区别是，auto无横向移动条 4.父级添加伪类aft ...
分类：
其他好文 时间：
2018-03-18 22:27:22
阅读次数：
223
IE8.0及以下不支持html5，css3的解析。目前为止IE8以下的版本使用率在10%左右，网站还是有必要兼容的。 1，在你的所有css最后判断引入两个js文件。 html5.js 是用来让ie8浏览器能将h5标签转化为块元素 respond.js 是让ie8支持css3的js 2，html5.j ...
分类：
Web程序 时间：
2018-03-16 18:43:38
阅读次数：
1052
1.内联元素和块元素 内联元素：p、 div、 h1~h6 块级元素：span、a 区别：内联元素占空间全部宽度，自动换行； 块元素必须首先设置其相应的宽度，不会自动换行。 2.两者的相互转换 a.diaplay:inline; 内联元素转化为块元素，即将p元素设置占同一行，中间不显示换行。 代码如 ...
分类：
其他好文 时间：
2018-03-16 13:31:29
阅读次数：
200
今天来整理一下做网页遇到的问题吧 1.插入背景图片并使图片居于div底部充满整个行。 属性： background-position：背景位置属性用于设置背景图像的位置，这个属性只能应用于块级元素和替换元素。其中替换元素包括img、input、textarea、select。 语法取值有两种：长度和 ...
分类：
Web程序 时间：
2018-03-16 00:25:10
阅读次数：
262
先来看两个overflow:hidden的使用例子 1、嵌套布局内部块元素设置float:left时，导致外部元素塌方，高度为0的问题。 通过去掉wrap CSS中的overflow: hidden;的注释，显示效果如下： 2、左右布局DIV，左侧DIV设置为float: left， 当右侧DIV高 ...
分类：
其他好文 时间：
2018-03-14 21:10:46
阅读次数：
246
body内常用标签 效果： div标签和span标签 div标签用来定义一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。 span标签用来定义内联（行内）元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。 块级元素与行内元素的区别： 所谓块元素，是以另起一行开始渲染的元 ...
分类：
Web程序 时间：
2018-03-13 01:10:57
阅读次数：
253
图片比div框大，想让图片居中，不能使用text-align:center或者margin:0 auto. 可以使用定位流：position:absolute;left:50%;margin-left:-图片宽度一半； 图片比div框小，想让图片居中，能使用text-align:center或者ma ...
分类：
其他好文 时间：
2018-03-12 22:58:33
阅读次数：
238
