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

css 左右Margin加倍的问题

当div层为float时,IE6中box左右的margin会加倍
比如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<style>
.outer {
  width:500px;
  height:200px;
  background:#000;
}
.inner {
  float:left;
  width:200px;
  height:100px;
  margin:5px;
  background:#fff;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner"></div>
<div class="inner"></div>
</div>
</body>
</html>
左面的inner的左面margin明显大于5px。
这时候,定义inner的display属性为inline。


相关文档:

CSS网页布局编码小技巧整理

1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 
2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。
3、一个兼容性调整(IE和Mozilla)的笨办法:初学可 ......

CSS选项卡效果代码演示


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS选项卡效果代码演示</title>
</head>
<body>

<mce:style type="text/css"><!--
div.card div{
background-color:#FF8 ......

CSS滑动门横向菜单栏

效果如下:
              
实现方法:利用一下两张图片:                
前台代码:
 <div id="nagivation">
    &nb ......

宽度自适应的div+css的BOX

宽度自适应的div+css的BOX
参考:
http://space.cnblogs.com/group/topic/3617/
http://www.dynamicdrive.com/style/layouts/item/css-left-and-right-frames-layout/ 一、效果: 二、素材: 三、代码: <style type="text/css">
.box{}
.box .box_tit{position:rela ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号