css布局定位简介.pptVIP

html head style type=text/css h2.pos_left { position:relative; left:-20px } h2.pos_right { position:relative; left:20px } /style /head body h2这是位于正常位置的标题/h2 h2 class=pos_left这个标题相对于其正常位置向左移动/h2 h2 class=pos_right这个标题相对于其正常位置向右移动/h2 p相对定位会按照元素的原始位置对该元素进行移动。/p p样式 left:-20px 从元素的原始左侧位置减去 20 像素。/p p样式 left:20px 向元素的原始左侧位置增加 20 像素。/p /body 隐藏元素 - display:none或visibility:hidden区别 display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏 visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。 display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。 * * 模板来自于 * css层叠