css
heyneo
这个作者很懒,什么都没留下…
展开
-
解决由设定边距引起的“浮动滑移”问题
本文以三栏-固定宽度布局为例说明由设定边距引起的“浮动滑移”问题怎么解决。固定宽度布局必须将设定好每一栏的宽度。下面看一个例子: 布局 body { margin: 0; padding: 0; } #wrapper { width: 960px; margin: 0 auto; border: 1px solid; } header {原创 2014-02-25 20:06:09 · 1868 阅读 · 0 评论 -
盒模型:外边距叠加和外边距为负值
盒模型乍一看很简单,无非就是内容、内边距、边框和外边距。但是写起代码来你会发现并不简单,很多地方都很模糊,特别是外边距为负值的时候。这篇文档主要说明两个问题:1.外边距叠加2.外边距为负值 首先说明两个基本的要点:1.如果给元素添加背景,背景会应用于内容和内边距组成的区域。2.width和height是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸原创 2014-02-28 01:32:54 · 4600 阅读 · 0 评论 -
display:block、inline和inline-block的区别
block(块)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度;④它可以容纳内联元素和其他块元素。inline(行内)元素的特点:①和其他元素都在一行上;②高度,行高及外边距和内边距不可改变;③宽度就是它的文字或图片的宽度,不可改变;④行内元素只能容纳文本或者其他行内元素。原创 2014-02-28 11:41:40 · 4925 阅读 · 0 评论