css学习笔记:为什么在IE6下图片会往下掉一行
作者:好好 来源:好好blog 发布时间:2009-06-19 12:50:00
如下图,我们在做图片logo列表的时候通常是用li标签来实现。
html:
<ul class="logolist">
<li><a href="#"><img src="images/logo01.gif" /></a></li>
<li><a href="#"><img src="images/logo01.gif" /></a></li>
<li><a href="#"><img src="images/logo01.gif" /></a></li>
<li><a href="#"><img src="images/logo01.gif" /></a></li>
<li><a href="#"><img src="images/logo01.gif" /></a></li>
<li><a href="#"><img src="images/logo01.gif" /></a></li>
<ul>
css部分:
.logolist { margin:0 0 0 11px; padding:0;}
.logolist li { margin:0; padding:2px 7px 2px 0; float:left; display:inline}
我们在做html静态的时候在各个浏览器下都是正常的。在程序开发之后,在动态下,IE6浏览器中就成了如图所示情况,有一个logo图片会往小掉一行,这个问题在我们兄弟公司的网站项目中也碰到过,我记得在淘宝商城网站看上线那会也出现这样的情况。
我们分析:
● 就是两个div的宽度加起来超过了父级的宽度
● 一边div用了float,而另一边div没有用float属性。
● IE6下的双margin边距bug(解决办法在css中加上,display:inline)
可现在这个情况,这些问题都没有,那是什么原因让图片在IE6下错位了呢?
后来经过我不断尝试,终于发现原来是高度问题引起的。
需要在li中设置li的高度:
.logolist { margin:0 0 0 11px; padding:0;}
.logolist li { margin:0; padding:0; float:left; display:inline; width:100px; height:50px}
最后问题得以解决!
![](https://www.aspxhome.com/images/zang.png)
![](https://www.aspxhome.com/images/jiucuo.png)
猜你喜欢
- 1.认证与授权1.验证:身份验证是验证个人或设备标识的过程。身份验证过程之一是登录过程。注册网站后,您的信息(ID,密码,名称,电子邮件等)
- 本文实例讲述了Go语言判断指定文件是否存在的方法。分享给大家供大家参考。具体实现方法如下:package main
- 一、把一个字符串的内容提取出来,并放到字典中流程如下: 1、得到字符串s,通过分割提取得到s1(是个列表) s=”name=lyy&
- mysql误删数据使用delete语句误删数据行使用drop table或者truncate table误删数据表使用drop databa
- 前言本文主要给大家介绍了利用django-suit模板在管理后台添加自定义的菜单和自定义的页面、设置访问权限的相关内容,分享出来供大家参考学
- 什么是mock?mock在翻译过来有模拟的意思。它允许您用模拟对象替换您的系统的部分,并对它们已使用的方式进行断言。Mock通常是指,在测试
- 把一些地域性比较明显的数据显示在一张地图上,远比给别人一个 Excel 文件好得多。Matplotlib 中也有画地图的函数,但是是静态图,
- 具体流程:① 导入相应的包,下载训练集和测试集对应需要的图像数据。②进行图像数据的变换,使图像数据转化成pytorch可识别并计算的张量数据
- 方法一:登录MySQL,先做 set names latin1 ,然后在更新语句或者执行SQL语句mysql> set names l
- 样式使用的是vux的cell组件 如下图的官方demo样子上图的样式需要修改一下,把 保护中 修改成一个图片 并且内嵌一个input typ
- 本文整理了Pytorch框架下模型的保存、复用、推理、再训练和迁移等实现。模型的保存与复用模型定义和参数打印# 定义模型结构class Le
- 本文介绍了Python格式化输出%s和%d的实例案例。分享给大家供大家参考,具体如下:python print格式化输出1. 打印字符串pr
- 代码在ext里的src\core\ext.js下 最新的ext3.0beat1的代码如下: ua = navigator.userAgent
- 数据库对于服务端开发人员来说,几乎就是左膀右臂。几乎每一个服务端开发人员都要和数据库打交道。而MySQL又以其开源免费,小巧玲珑,简单易用,
- 缘由新手学习 Django 当配置好 HTML 页面后,就需要使用一些静态资源,如图片,JS 文件,CSS 样式等,但是 Django 里面
- 使用python进行程序编写时,经常会使用第三方模块包。这种包我们可以通过python setup install 进行安装后,通过impo
- 看完本篇文章你可以:同步本地和服务器的全部或者部分文件本地debug,服务器跑实验在这之前你要确保服务器上已经创建好虚拟环境你本地已经安装好
- 用html的form上传文件时,request.FILES为空,没有收到上传来的文件,但是在request.POST里找到了上传的文件名(只
- 我们都知道在Web开发中,都需要服务器,比如Java Web开发的Tomcat,WebLogic,WebSphere,现在来看利用Torna
- 根据GB11643-1999公民身份证号码是特征组合码,由十七位数字本体码和一位数字校验码组成,排列顺序从左至右依次为:六位数字地址码八位数