仓酷云

标题: 来谈谈:IE6利用浮动往失落元素中的过剩空缺间距 [打印本页]

作者: 萌萌妈妈    时间: 2015-1-15 23:23
标题: 来谈谈:IE6利用浮动往失落元素中的过剩空缺间距
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
网页制造poluoluo文章简介:利用浮动往失落元素中的过剩空缺间距.
IE6的某些元素在体现上有过剩的一些空缺间隙,大概更抽象的说是“外边距(margin)”,要末是margin-top,要末是margin-bottom,固然另有margin-left,margin-right。这个在表单位素中出格罕见。即便我们的resetcss已将这些元素的margin值设为0。
能够看一个实例:好比们想摹拟一个双边框的文本框,如图:
来谈谈:IE6利用浮动往失落元素中的过剩空缺间距
登录/注册后可看大图

看html代码:
1.<span><inputtype="text"name="textfield2"id="textfield2"/></span>
css代码:
1.span{border:1pxsolid#FCCC83;display:inline-block;overflow:hidden;zoom:1}
2.

3..url-input{width:200px;height:18px;background-color:#FFFFFF;padding:2px003px;border:1pxsolid#FA9806;}
其他扫瞄器下一般,可是ie6下(ie7下未测试),如图显现:
来谈谈:IE6利用浮动往失落元素中的过剩空缺间距
登录/注册后可看大图

span和input之间分明有个间距。这个时分间接无语了。即便我们将input设为margin:0;padding:0;
千般无法下只能使input浮动,由于之前也碰着过相似的成绩——【IE6的猖狂之六】li在IE中底部3像素的BUG(增添浮动办理成绩)
看html代码:
1.<div>输出视频、网页、音乐的地点:<span><inputtype="text"name="textfield2"id="textfield2"/></span><inputtype="submit"name="button"id=""value="分享"/></div>
css代码:
viewsourceprint?1.*{margin:0;padding:0;font-size:12px}
2..share-submit{margin:5px020px;background-color:#F9FBFC;border:1pxsolid#D1D6E2;padding:8px;overflow:hidden;zoom:1;width:550px;margin:20pxauto}
3..share-submit.url-input{width:200px;height:18px;background-color:#FFFFFF;padding:2px003px;float:left;border:1pxsolid#FA9806}
4..share-submitspan,.share-submitinput{vertical-align:middle}
5..share-submitspan{border:1pxsolid#FCCC83;display:inline-block;overflow:hidden;zoom:1}

该成绩我今天也拿到css丛林会商,等候有更好的办理办法,入手下手没有找到
经由次测试,这个办法屡试不爽,固然不晓得缘故原由可是也算是一个办理计划了。接待留言说出您的办理办法,接待拍砖!,假如您晓得缘故原由接待留言告诉,感激涕零!
</p>
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了
作者: 第二个灵魂    时间: 2015-1-17 22:35
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
作者: 再见西城    时间: 2015-1-25 05:04
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
作者: 柔情似水    时间: 2015-2-2 17:29
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者: 兰色精灵    时间: 2015-2-8 04:01
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者: 简单生活    时间: 2015-2-24 16:10
滚动条)层属性--溢出(visible/hidden/scroll/auto)
作者: 小妖女    时间: 2015-3-7 13:05
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
作者: 老尸    时间: 2015-3-15 07:33
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
作者: 蒙在股里    时间: 2015-3-22 00:08
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2