0

サイズをコンテンツに合わせるために、css表示用の<div>タグが設定されています。しかし、FireFox では、 "f" のinline-blockように、最後の文字が部分的にタグの外側に表示されることに気付きました。<div>パディングを変更せずにこれを修正する方法の手がかりはありますか?

コード：

<html>
<head>
<style>
#div {
                position: absolute;
                top: 100px;
                left: 200px;
                display: inline-block;
                border: 0px solid red;
                outline: 0px dotted blue;
                margin: 0px;
                padding: 0px;
                background-color: rgba(0, 0, 0, 0.25);
                max-width: 1000px;
                max-height: 200px;
}
</style>
</head>
<body id="body">
                <div id="div" contenteditable="true">fff</div>
</body>
</html>
4

2 に答える 2

1

のように、いくつかの px の境界線で<div>タグを指定してみてください。完全な境界線を指定する必要はありません。代わりに、問題には a で十分です。しかし、フィドルに 4 辺の境界線を適用しました。inline-blockborder: solid 8px yellow;border-right

こちらがライブデモです。

于 2012-09-10T05:02:25.947 に答える
0

divタグにいくつかの継承されたスタイルがあるか、近くにある別の要素が重複しています。別のブラウザーでページを確認し、ブラウザーのWebインスペクターを使用してdivタグ要素を表示して、要素にカスケードされている追加のスタイル（存在する場合）を確認してください。また、ユーザーエージェントのCSSの問題である可能性もあります（ブラウザーに、ページに表示されると予想されるものに干渉するデフォルトのCSS設定がある場合）。

于 2012-09-10T05:15:32.503 に答える