您的位置：首页 > Web前端 > CSS

CSS 小数处理

2015-12-27 20:18 661 查看

在不同浏览器或者同一浏览器的不同版本中，CSS 都会对小数进行取整（直接去除小数还是会根据小数的大小进行判断就不一定了）

测试代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<style type="text/css">
.class1 {
width: 10.1px;
height: 10.8px;
border: 0px;
background-color: Black;
}
</style>
<script type="text/javascript">
window.onload = function () {
var div1 = document.getElementById("div1");
var clientWidth = div1.clientWidth;
var offsetWidth = div1.offsetWidth;
var scrollWidth = div1.scrollWidth;
var ul = document.createElement('ul');
var oLi1 = document.createElement('li');
oLi1.innerHTML = "div.clientWidth=" + clientWidth;
ul.appendChild(oLi1);
var oLi2 = document.createElement('li');
oLi2.innerHTML = "div.offsetWidth=" + offsetWidth;
ul.appendChild(oLi2);
var oLi3 = document.createElement('li');
oLi3.innerHTML = "div.scrollWidth=" + scrollWidth;
ul.appendChild(oLi3);

var clientHeight = div1.clientHeight;
var offsetHeight = div1.offsetHeight;
var scrollHeight = div1.scrollHeight;
var oLi4 = document.createElement('li');
oLi4.innerHTML = "div.clientHeight=" + clientHeight;
ul.appendChild(oLi4);
var oLi5 = document.createElement('li');
oLi5.innerHTML = "div.offsetHeight=" + offsetHeight;
ul.appendChild(oLi5);
var oLi6 = document.createElement('li');
oLi6.innerHTML = "div.scrollHeight=" + scrollHeight;
ul.appendChild(oLi6);
div1.appendChild(ul);
}
</script>
</head>
<body>
<div id="div1" class="class1">
</div>
</body>
</html>

测试结果：

作者：jiankunking 出处：http://blog.csdn.net/jiankunking

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

CSS 小数 处理

CSS 小数处理