0

つまり、8 は div に不要なパディングを追加しています。ここには変わったスタイリングは見られません。誰か助けてくれませんか？

ここに画像の説明を入力

HTML

青色で強調表示された div は、コンテキスト内のものです。

ここに画像の説明を入力

.block {
    clear: both;
}

.inline {
    float: left;
    clear: none;
    padding: 0;
}

div.content {
    padding: 0 18px 0 0;
}

この問題を再現する html コードを次に示します。長々とすみません。しかし、これをhtmlファイルにコピーしてie8で開くと再現できます。

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>

<style>
    .block {
        clear: both;
    }

    div.block .inline:last-child {
        float: none;
        overflow: hidden;
    }

    div.content-root {
        padding: 0 0 0 18px;
    }

    .inline {
        float: left;
        clear: none;
        padding: 0;
    }

    div.content.input-container {
        padding-right: 0;
    }

    div.content {
        padding: 0 18px 0 0;
    }
</style>

</head>
<body>
  <div id="contentPane" style="background-color: transparent; display: block;">

    <form>
      <div class="block content-root">
        <div class="block">
          <div class="block">
            <div class="block">
              <div class="inline">
                <label>
                  <div class="block">
                    <div class="inline content input-container">
                      <input type="checkbox" />
                    </div>
                    <div class="inline">
                      <div class="block">
                        <div class="block">
                          <div class="inline" style="float: left;">
                            <div class="block content">
                              <p>
                                <span style="font-family: arial; font-size: 11pt;">C. </span>
                              </p>
                            </div>                                                 
                          </div>
                          <div class="inline">
                            <div class="inline">
                              <p><span>Correct</span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>

  </div>
</body>
</html>
4

1 に答える 1

1

段落タグには、デフォルトで独自のマージンがあります。

あなたが書くなら

  <p style="margin:0px;">

「正しい」という単語の上下の「パディング」が行きます。

于 2013-04-09T21:26:55.717 に答える