Google Chrome 中的宽度(以 % 为单位)

发布于 2024-10-11 18:16:16 字数 1386 浏览 1 评论 0原文

我在使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文