2 yu766588220 yu766588220 于 2016.04.02 18:43 提问

麻烦帮忙看一个很诡异的CSS高度设置的问题

我有一个html文件,把一个div元素高度设置为45px,如果把文件直接拖到浏览器,这个div是正常的45px。但是如果是通过服务器访问,即localhost:8080/webroot/myhtml.html这样的形式访问,则这个div是46px,并且只会在谷歌出现这个问题更奇葩的是,只有最后一个数字是5的时候才出现问题,例如我设置为44px,53px是正常的,但是如果设置为45px,55px,65px就出问题了,下面是我的完整代码

 <!DOCTYPE html>
<html>
    <head><meta charset="utf-8"></head>
    <body>
        <div class="top" style="background-color: pink;width: 1000px;height: 45px;"></div>
        <script type="text/javascript" src="./js/jquery-2.1.1.js"></script>
        <script type="text/javascript">
            alert("高度:"+($(".top").css("height")));
        </script>
    </body>
</html>

3个回答

yu766588220
yu766588220   2016.05.30 13:52
已采纳

问题已经解决,其实是line-height的问题。不同浏览器,有些属性是不一样的,这也是reset.css存在的必要,而这里的问题就是跟line-height有关。通过设置line-height即可解决问题

showbo
showbo   Ds   Rxr 2016.04.02 21:56

chrome版本 45.0.2421.0 (64-bit)表示没有问题。。
图片说明

yu766588220
yu766588220 这个版本确实没问题,我的是从360软件管家里面下载的稳定版,就出这问题,只是想看看是不是我代码写的不对的缘故
2 年多之前 回复
u010381613
u010381613   2016.04.04 10:52

div里加个float看看会不会好,还有就是,你写了两个html头?

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
hdu 2546 饭卡 换了问法的01背包
饭卡里钱数多于5元和小等于5元情况不同,要想最后余额最少,一定是最后买最贵的菜,且卡里钱大等于5越小越好,但饭卡买完最贵的菜外不一定能刚好刷到5元,一定是大等于5,用m-dp[m-5]能凑成最小大于5元的钱数去买最贵的菜,即余额最少的钱数 饭卡 Time Limit : 5000/1000ms (Java/Other)   Memory Limit : 32768/32
dp 电子科大本部食堂的饭卡有一种很诡异的设计,即在购买之前判断余额。
电子科大本部食堂的饭卡有一种很诡异的设计,即在购买之前判断余额。如果购买一个商品之前,卡上的剩余金额大于或等于5元,就一定可以购买成功(即使购买后卡上余额为负),否则无法购买(即使金额足够)。所以大家都希望尽量使卡上的余额最少。  某天,食堂中有n种菜出售,每种菜可购买一次。已知每种菜的价格以及卡上的余额,问最少可使卡上的余额为多少。  Input多组数据。对于每组数据:  第一行为
HDU 2546 饭卡 题解(动态规划)
链接http://acm.hdu.edu.cn/showproblem.php?pid=2546
a标签中使用img后的高度多了4px
在某个项目中,发现a标签中使用img后的高度多了4px,各种样式调整,查阅资料,最终解决此问题。由于img是行内元素,默认display: inline; 它与文本的默认行为类似,下边缘是与基线(baseline)对齐,而不是紧贴容器下边缘。将displayp设置为block即可消除4px的bug。其实解决方法不止一种:1.将图像定义成    img:{display:block;}2.给父级设置...
红警
题目描述 Flsy的朋友喜欢玩红警,一天Flsy的朋友小龙,让他帮忙解决一个问题。问题可以这样描述,小龙现在要攻打敌方的大本营,生命值为m,小龙这边有n种坦克,每种塔克一旦造出后,每一秒钟都能对大本营造成一定伤害。小龙想知道最少用多少时间就能将敌方的大本营摧毁? 输入 输入数据一行,两个正数n和m,表示塔克的总数和大本营的生命值。 接下来n行,每行两个整数ti和vi,...
Python第一个让我觉得诡异的小地方
Python这东西是能给人带来持续性的快感的,不过最近出现一个小问题,第一次带来了“匪夷所思”的感浇。 代码如下: def listFn(li = [1,2]): li.append('!') print li 连续5次执行listFn()得到的结果让我史料未及—— TMD默认参数居然也是可以被修改的!!!!!! Python list继承了C++的数组的指针特性所以修改
CSS之解决高度塌陷问题方法终极版
.box1{ border: 1px solid red; } .box2{ width: 100px; height: 100px; background-color: blue; float: left; } /* * 通过after伪类添加一个空白的块元素,然后对其清除浮动 * 而且不会在结构中添加div
一个CSS+div高度自适应布局模型
近日查看了一些资料自己研究写了一个网站布局,采用高度自适应,css样式表如下:* { margin:0; padding:0; } BODY{ font-size: 12px; font-family: "Verdana" , "Arial" , "细明体" , "sans-serif"; text-align: ce
CSS position:fixed定位时 “高度坍塌” 问题的解决
CSS position:fixed定位时 “高度坍塌” 问题的解决
table元素的宽度/高度设置问题
昨天在写页面的时候遇到一个很奇怪的问题,我想把页面里面的table元素的高度在css文件里面进行设置为0,可是用 height: 0; 这句话一直没有效果,最后我换用了ul才达到了想要的效果。不过,这是个问题,今天上午我解决了这个问题。(注:以下以高度设置问题作为演示,宽度设置问题同理) 首先我们看下如下示例: 代码: table元素的宽度/高度设置问题