易截截图软件、单文件、免安装、纯绿色、仅160KB

css定位的区别：relative,absolute

首先一点需要知道，
每个浏览器都有自己默认的默认样式，为了让页面内容显示在浏览器中所希望的位置，而不是继承默认样式，就需要在body选择器中重新设定margin和padding的属性值。
如下所示：
body
{
 margin:0;
 border:0;
}
其次，练习时用这个例子：
html内容：
<body >
 
  <div id="container1">
       <div id="container2">
       </div>
       <p>
       <-- 这里要多写些字，5行以上吧，-->
       </p>
 </div>
 
</body>
css内容：
body
{
 margin:0;
 border:0;
}
#container1
    {
    width: 400px;
    height:400px;
    margin:10;
    border:1px solid #000;
    background: #592;
    }
#container2
    {
    width: 200px;
    height:200px;
    border:1px solid #000;
    background: #582;
    }
参考这个链接里的讲解：
http://www.pqshow.com/design/htmlcss/200912/12653.html
动手用上面的例子，理解绝对，相对的概念。


相关文档：

CSS FireFox and IE　换行问题解决方案

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}
css强制不换行
div{white-space:nowrap;}
css自动换行
div{ word-wrap: break-word; word-break: normal; }
css强制英文单词断行
div{word-break:break-all;}
大家都知道连续的英文或数字会把DIV ......

CSS兼容IE Firefox大全

IE的问题：
一.双边距问题
浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。
解决方法：在此浮动元素增加样式  display:inline;
二.图片产生的间隙
父元素直接包含<img>，这个图片下方会和父元素边缘产生间隙。
解绝方法：1.在源代码中让</div>和<img>在� ......

Css 入门学习 css下拉菜单制作

注意事项：
             了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......

CSS分栏布局的方法:绝对定位和浮动

CSS分栏布局的方法:绝对定位和浮动
出处：网页教学网
作者：佚名
日期：2009-03-09
　
　在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项（absolute
、static、relative和fixed）中的绝对定位（absolute
positioning），它可以将文档中的某个元素从其原本位置上移除，并重新定位 ......
© 2009 ej38.com All Rights Reserved. 关于E健网 | 联系我们 | 站点地图 | 赣ICP备09004571号