发现问题：p标签中嵌套p标签导致页面解析出来的结构错误。然后外层p标签换div就不会出现问题。HTML4/XHTML的嵌套规则元素和元素不能嵌套块元素。元素不可以嵌套交互式元素(a,button,select等)一般布局的时候会注意到块级元素里面放行内元素，div除外，div多层嵌套的比较常用~其他...
分类：
Web程序 时间：
2015-02-28 16:09:11
阅读次数：
142
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。display:inline就是将元素显示为行内元素. inlin...
分类：
其他好文 时间：
2015-02-11 12:16:03
阅读次数：
105
span标签 当内容超出 强制不断行 自动换行white-space:nowrap;white-space:norma;display:inline-block;超出自动隐藏 英方不断行显示 (必须在块元素内)overflow:hidden;white-space:nowrap;而如果希望在文字后面...
分类：
Web程序 时间：
2015-02-06 11:08:49
阅读次数：
153
写在前面在群里有朋友问这样一个问题，display:none的标签，影响了布局。这就引出了本篇这样的问题，印象中display:none的块元素是不占位置的。一个例子 第一个层 第二个层浏览结果为第一个层设置样式visibility:hidden 第一个层 第二个层 ...
分类：
Web程序 时间：
2015-02-02 21:22:03
阅读次数：
223
常见的块状元素与内联元素块状元素内联元素address - 地址blockquote - 块引用center - 居中对齐dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 ...
分类：
Web程序 时间：
2015-01-30 19:33:56
阅读次数：
149
大家知道在 IE6中 是不支持 display:inline-block的属性的；那我们来看下IE6中 块元素和内敛元素显示的效果和解决兼容的方法： ?????? <style type="text/css"> ????*{ padding: 0; margin:0;} ????...
分类：
其他好文 时间：
2015-01-26 13:47:21
阅读次数：
257
块元素 display:block块元素会生成一个元素框，水平方向不能有其他元素；height, margin都可以控制；默认宽度是其父级元素的宽度；主要有：div - 容器dl - 定义列表form - 交互表单h1~h6 - 标题hr - 水平分隔线ol - 有序列表p ...
分类：
Web程序 时间：
2015-01-22 21:30:50
阅读次数：
279
1.双边距左右浮动的块元素在设定了对应方向的的margin值时，会产生双倍的边距。解决方法：给元素添加 _display: inline;2.双倍缩进inline-block和text-indent样式同时使用时，会使缩进的尺寸加倍。解决方法：不使用inline-block样式；给元素添加float...
分类：
其他好文 时间：
2015-01-22 21:28:32
阅读次数：
147
块元素 (block element) 一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素 , 常见块元素是段落标签“P”。“form”这个块元素比较非凡，它只能用来容纳其他块元素。假如没有CSS 的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了CSS 以后，...
分类：
Web程序 时间：
2015-01-13 14:08:25
阅读次数：
133
HTML块 HTML块元素 块元素在显示时，通常会以新行开始 如：、、 块 这里我演示是块元素 这里我演示是块元素 这里我演示是块元素 HTML内联元素 内联元素通常不会以新行开始，一般都会在一...
分类：
Web程序 时间：
2015-01-08 15:03:35
阅读次数：
285
