来谈谈:IE6利用浮动往失落元素中的过剩空缺间距
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。网页制造poluoluo文章简介:利用浮动往失落元素中的过剩空缺间距.
IE6的某些元素在体现上有过剩的一些空缺间隙,大概更抽象的说是“外边距(margin)”,要末是margin-top,要末是margin-bottom,固然另有margin-left,margin-right。这个在表单位素中出格罕见。即便我们的resetcss已将这些元素的margin值设为0。
能够看一个实例:好比们想摹拟一个双边框的文本框,如图:
看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下未测试),如图显现:
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了 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
页:
[1]