使用CSS定位的注意事项的简单介绍

CSS定位问题,求帮助

快捷提示：可以用Dreamweaver打开文件检查，一般没有闭合的标签，会黄色背景高亮。样式排除法 有些复杂的页面也许加载了N个外链CSS文件，那么逐个删除CSS文件，找到BUG触发的具体CSS文件，缩小锁定的范围。

margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。

padding内边距：例如：将div容器中的文字内容放在距离容器的左侧边框的20px，顶部边框的100px的位置。注意：在容器里使用了padding的话，会改变容器的大小，所以在写代码之前要先计算好容器的大小及padding。

HTML+CSS中关于绝对定位和相对定位定位的优缺点以及该注意的地方,现在...

1、静态定位（Static）：这是元素的默认值，即元素在文档的正常流中定位。静态定位的元素不会受到 top， bottom， left， right等定位属性的影响。 相对定位（Relative）：相对定位的元素会相对于它在正常流中的原始位置进行定位。

2、绝对定位不仅会改变显示的位置，而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态，没有“肉体”！关于距离的正负值，和上面的相对定位的性质一样。

3、相对定位的元素不会脱离文档流，占用文档流的空间，Left； Right； Top和Bottom属性与margin属性混合使用会产生累加效果。绝对定位的元素脱离文档流，偏移不影响文档流中的其它元素，Left； Right； Top和Bottom属性与margin属性混合使用，偏移方向相同值累加，方向相反，margin属性值无效。

4、相对定位：对一个元素进行相对定位，它将出现在它所在的位置上。可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。绝对定位：文本流中的内容会顶替绝对定位元素的位置，而绝对定位元素自然的层叠于文本流之上。

5、一：绝对定位 position： absolute；绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。

DW制作网页时使用CSS该注意什么!

如果是外联样式表，在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面（注意要拖放到标签内）。在DW的CSS样式面板中可以方便的管理CSS样式，可新增、删除、修改标签的样式。如需要为某个元素（例如一段文字）应用某个样式，可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。

引用CSS的时候使用相对目录，DW做的网页如果不特别设定的话，会使用绝对目录。举个例子 如果网站目录结构为 E：webindex.html E：webcssstyle.css 默认，DW在引入CSS的时候，会使用绝对路径如 这个一旦web目录更换，就不能正常显示。

如果使用第二种方法建议用百分比布局。第三种方法，如果你要使用CSS3/JS，这时候就要考虑兼容性问题。。这个就已经不只是布局问题了，更多的是代码问题。。如果真要使用再说吧-。

唉看来以后定义css只有手写的或在DW里定义了再改。真麻烦，我还以为有DW就变简单呢，没想到还是要手定代码。

使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。

阅读此文前，你需要对HTML有一定的了解，并会使用Dreamweaver。 认识CSSCSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。

开发中如何合理使用CSS的相对定位和绝对定位

absolute：将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义 fixed：未支持。对象定位遵从绝对（absolute）方式。

CSS中，定位是通过定位属性来实现的，包括三种常用的定位：相对定位、绝对定位和固定定位。 相对定位（position： relative）：相对定位是相对于元素本身原有位置的定位方式。当元素使用相对定位时，可以通过 top、bottom、left、right 属性来设置元素相对于原有位置的偏移量。

position实际用处绝对定位position用于定位盒子对象，有时一个布局中几个小对象，不易用css padding、css margin进行相对定位，这个时候我们就可以使用绝对定位来轻松搞定。特别是一个盒子里几个小盒子不规律的布局，这个时候我们使用position绝对定位非常方便布局对象。

fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 left， top， right 以及 bottom 属性进行规定。relative生成相对定位的元素，相对于其正常位置进行定位。因此，left：20 会向元素的 LEFT 位置添加 20 像素。static默认值。

绝对定位是相对于父标签决定位置，一般用于相对定位标签里面，JS特效经常用到。相对定位是相对于上一个相对定位的。一般用于浮动定位标签里面，一般跟绝对定位配合使用。浮动定位才是常用的。

定位方案有四种：静态定位、相对定位、绝对定位和固定定位。你可以使用CSS 3中的「position」属性来决定要使用的定位方式。在这四种方案中，静态和相对定位不会影响整个文档的布局，而绝对和固定定位会与文档分开，因此页面不会为这两种类型的定位元素保留空间。