0

このフィドルを Chrome と Firefox (または IE9、Opera) で開き、違いを確認してください。

または画像を参照してください:

ここに画像の説明を入力

Chrome は Firefox のように動作しますか?

4

2 に答える 2

1

いいえ、できません。最善の策は、Chromeで希望どおりに表示されるようにこれを記述し、ユーザーがChromeまたは他のブラウザーを使用しているかどうかを検出するときにそのバージョンを使用することです。詳細については、こちらをご覧ください。

また

現在のすべてのブラウザで同じまたは類似しているように見えるコードを使用できます。あなたの例では、以下を追加する必要があります。

<span style="float:left">Test </span>

あなたのテキストに。

別の解決策はこれです：

<html>
<head>
    <style type="text/css">
        #test{
            position: relative;
            left: 120px;
        }
    </style>

</head>
<body style="margin:0px; padding: 0px;">

<span style="width: 100px; background:red; float: left; clear: left; height: 4px;" ></span> 
<span style="width: 220px; background:red; float: left; clear: left; height: 4px;" ></span> 

<div id = "test">
<span>Test </span>
</div>

</body>
</html>​​​
于 2012-07-26T09:24:37.683 に答える
1

スタイル 'float:left' を div に与えるだけです

<html>
<head>

</head>
<body style="margin:0px; padding: 0px;">

<span style="width: 100px; background:red; float: left; clear: left; height: 4px;" ></span>
<span style="width: 220px; background:red; float: left; clear: left; height: 4px;" ></span>

<div style="float:left">
<span>Test </span>
</div>

</body>
</html>
于 2012-07-26T09:28:55.510 に答える