サイズをコンテンツに合わせるために、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>