巅云智能建站平台搭建版(创业门户版)火爆上线,终身授权!新增:文章智能采集+全站真静态打包+城市分站+智能小程序+非法词过滤+H5自适应+智能链词等功能功能详情
建站专提News

网页前端开发小细节

一佰互联网站开发设计(www.yinxi.net) 发布日期 2019-04-22 10:10:29 浏览数: 146

1 select标签必须闭合<select></select>

2 左右布局的时候可以让一方浮动,浮动的一方设置width,另一方设置margin=float一方的width+实际的margin,如下所示:

.top .top_left{width:250px; float:left; height:500px;}
.top .top_right{height:500px; margin-left:260px;}

但是这样在IE6下会出现3px bug,这时可以用hack,即*margin-left:257px;最好的方法是让.top_right也浮动,这样它会清理3px bug,也就是订宽双浮动

3 如果容器的宽度设置的比内容的宽度小,那么在现代浏览器中会正常显示,超出的内容还可以显示,容器不会撑大,但是在IE6下就不是了,因为IE6下的宽度是min-width,所以容器会被撑开,这样基于这个容器的绝对相对定位以及margin等都会出现问题,解决方法是可以不对容器设置宽度或者设置的宽度大于或等于内容的最大宽度

4 ! important 如下代码:

#a{margin-left:30px!important; margin-left:20px;}

在上面的例子中, 层a 在IE6.0中, 左边距为20像素, 而在Firefox中, 左边距则变为30像素。 这是因为, !important在 CSS 中表示优先调用, 由于IE不能够识别这个属性, 所以在IE中, 只能够调用 “margin-left:20px;" 这个选项, 所以同样的一段代码, 在Firefox和IE中就会显示不同的样式。

5 兼容性-------IE6/7下li元素的底部3px bug

在IE6、7下如果一个li包含了浮动元素,那么这个li会多出3px的底部边距,解决方法有两种

一:给li添加float属性,属性值可以是除none外的任意值;

二:给li添加vertical-align属性,属性值可以是任意值

从解决问题的实质上,这两种方法并无区别,都是通过添加相应的css属性来激发li的haslayout,但是方法2更适合来解决这个问题,因为一旦给li添加浮动,那么势必要清除之,这是个棘手的问题,虽然有很多方法可以来解决浮动带来的麻烦,但是无形中增加了代码的负重,那是我们不想看到的,所以推荐使用方法2。

6 经常遇到一个左右两个div等高的布局,都设置了高度,但是其中一个div的高度在IE6中被撑开了,那是因为IE6下设置高度相当于最小高度,而ff下设置多少就是多少,所以IE6会撑开,解决的方法是给div加个overflow:hidden;
一佰互联是全国知名建站品牌服务商,我们有九年网站建设、网站制作、网页设计、php开发和域名注册及虚拟主机服务经验,提供的自助建站服务更是全国有名。近年来还整合团队优势自主开发了可视化多用户”巅云建站系统“3.0平台版,拖拽排版网站制作设计,轻松实现pc站、手机微网站、小程序、APP一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。

相关新闻more

18
05月
腾讯微生活的尴尬-www.yx10011.c

window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":... >>详情

27
03月
代发广告一毛钱一条 群发设备八千块一台 苹果

简介:据新华社电 “嫌去澳门太麻烦,现在在家上网就能玩”“欲知后续章节如何发展?请微信关注公众号”“那些专柜的高价是否让您犹豫”……对于大多... >>详情

27
04月
PHP实现补齐关闭的HTML标签

本文实例讲述了PHP实现补齐关闭的HTML标签。分享给大家供大家参考,具体如下:很多时候,在我们做文章截取摘要的时候,如果出现HTML的内容... >>详情

05
04月
js let关键字

简介:let到目前为止,我们知道 JavaScript 在暴露块作用域的功能中有一些奇怪的行为。如果仅仅 是这样,那么 JavaScript... >>详情

高端网站建设

美工兼顾SEO,为企业电子商务营销助力!

电话:

023-85725751
建站

产品

域名注册 虚拟主机 云服务器 企业邮局
智能建站 APP打包 微站/小程序 创业平台
网站推广 媒体营销 智能采集 AI机器人
400电话 短信营销 店销机器人
私人定制 门户网站