UC知道简单的CSS问题
来源：百度知道 编辑：UC知道 时间：2024/06/16 13:17:59
我先建立了一个
外围的层 大小为500*500 溢出隐藏
里边建立100个小层大小是50*50
小层都是左对齐
这样应该是一行10个一共10行对吧
可是我出来的效果却不是那样的。
我把我的CSS代码贴上来
大家帮忙看下。
我只是想做到 点击这100个中任意一个跳转地址或者能响应JS都可以
<style type="text/css">
<!--
.nei {
float: left;
height: 49px;
width: 49px;
overflow: hidden;
border: 1px dashed #CCCCCC;
}
.wan {
height: 500px;
width: 500px;
overflow: hidden;
}
-->
</style>
<div class="wan"><a href=""><div class="nei"></div></a>里边的有一百个同样的所以省略了</div>
外围的层 大小为500*500 溢出隐藏
里边建立100个小层大小是50*50
小层都是左对齐
这样应该是一行10个一共10行对吧
可是我出来的效果却不是那样的。
我把我的CSS代码贴上来
大家帮忙看下。
我只是想做到 点击这100个中任意一个跳转地址或者能响应JS都可以
<style type="text/css">
<!--
.nei {
float: left;
height: 49px;
width: 49px;
overflow: hidden;
border: 1px dashed #CCCCCC;
}
.wan {
height: 500px;
width: 500px;
overflow: hidden;
}
-->
</style>
<div class="wan"><a href=""><div class="nei"></div></a>里边的有一百个同样的所以省略了</div>
border: 1px dashed #CCCCCC;
给上下左右每边都加了1px边，加49px宽高，实际上就是51px的div了，所以宽高应该改为：48px！
另外保险起见：在 .nei 里面加上：display:inline;IE有浮动bug，有时div浮动了旁边会多几像素空白边出来，加这句就正常了！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.nei{
float: left;
height: 48px;
width: 48px;
overflow: hidden;
border: 1px dashed #F00;
}
.wan {
height: 500px;
width: 500px;