Google Chrome 中的宽度(以 % 为单位)
我在使用 Google Chrome(不是 Firefox、IE、Opera 或 Safari)时遇到问题。
当我将宽度设置为百分比时,Chrome 有时会将 div 设为 1 或 2 个像素宽。
有什么想法或者这是 Chrome 中的已知问题吗?
网页:
<div class="table w60">
<div class="row">
<div class="cell w20">
<div class="head_grey">Code</div>
</div>
<div class="cell w55">
<div class="head_grey">Name</div>
</div>
<div class="cell w25">
<div class="head_grey end">Vat</div>
</div>
<div class="clear"></div>
</div>
</div>
CSS:
.table
{
background:#FFFFFF;
}
.table .row
{
clear:left;
}
.table .row .cell
{
float:left;
}
.head_grey
{
padding:3px 5px 3px 5px;
color:#FFFFFF;
background:url(/images/head_grey.png);
font-weight:bold;
border-color:#A3A3A3;
border-width:1px 0px 1px 1px;
border-style:solid;
height:14px;
}
.table .row .cell .end
{
border-right-width:1px;
}
.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
I have problem with Google Chrome (not Firefox, IE, Opera or Safari).
When i set width as percentage Chrome from time to time make the divs 1 or 2 pexels to wide.
Any ideas or is this a known issue in Chrome?
Html:
<div class="table w60">
<div class="row">
<div class="cell w20">
<div class="head_grey">Code</div>
</div>
<div class="cell w55">
<div class="head_grey">Name</div>
</div>
<div class="cell w25">
<div class="head_grey end">Vat</div>
</div>
<div class="clear"></div>
</div>
</div>
Css:
.table
{
background:#FFFFFF;
}
.table .row
{
clear:left;
}
.table .row .cell
{
float:left;
}
.head_grey
{
padding:3px 5px 3px 5px;
color:#FFFFFF;
background:url(/images/head_grey.png);
font-weight:bold;
border-color:#A3A3A3;
border-width:1px 0px 1px 1px;
border-style:solid;
height:14px;
}
.table .row .cell .end
{
border-right-width:1px;
}
.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论