0

そこで、HTML と CSS に関して初心者向けの質問があります。Twitter の Bootstrap フレームワークの利用を開始したばかりで、index.html ファイルの先頭に次のコードが含まれています。

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> <!-- Custom CSS Overwrite-->
<style type="text/css">
    html{overflow-y:scroll;} <!-- Fixes "page shift" issue -->
</style>

これは、bootstrap.css ファイルで次のように定義されています。

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html ファイルで宣言した CSS は、CSS の を上書きまたは追加しますhtml{}か? 上書きすると後で問題が発生する可能性があるため、追加であることを願っています。

私が単に bootstrap.css ファイルを編集しない理由は、将来のアップグレードができるだけスムーズに進むように、bootstrap.css ファイルを編集しないことをお勧めすると読んだからです。

ところで、overflow-y:scrollスクロール可能な素材があるかどうかに関係なく、ブラウザに常に垂直スクロールバーを含めるのはどういうことなのか疑問に思っている人がいます。恐ろしい「ページ シフト」の問題を修正します。これは、これまでに見つけた中で最も簡単な解決策です。

4

1 に答える 1

2

それを追加します。(Bootstrap がoverflow-yhtml 要素のプロパティを変更していない限り。)

これはほとんどの場合、CSS で発生します。

したがって、この：

.foo {
    background-color: red;
}
.foo {
    color: green;
}

以下と同じです:

.foo {
    background-color: red;
    color: green;
}

これが適用されないのは、同じ値を変更する場合だけです。CSS ではプロパティに複数の値を設定できないためです。

Bootstrap に要素overflow-yにプロパティが追加されているかどうかはわかりません。<html>ページ シフトの問題がある場合、css はそれを上書きします。そうでない場合は、「追加」されます。

于 2012-08-14T10:56:17.493 に答える