0

これは私が遭遇した面白い問題です。

プロジェクトでAsp.net MVC WebGridを使用しています。私はそれにいくつかのCSSを適用しようとしています。

そのため、コードを次のように変更しました

@grid.GetHtml(footerStyle: "pagination")

さて、ページネーションクラスには次のようなコードがあります

.pagination a:hover, .pagination a:active{
    border: 1px solid #2b66a5;
    color: #000;
    background-color: #F2F2F2;
}

このファイルを実行してページ番号にカーソルを合わせると、表を含むパネルが拡大し始めます。一列ずつ！

私が試したとしても、CSS だけでこの種の効果を得ることができないことはわかっています。:pしかし、私は偶然にそれを手に入れています! そして、境界線と背景色の両方の属性を削除した場合にのみ消えます。

これがどのように起こっているのか知りたいだけです??! 誰でも何か考えがありますか？

4

1 に答える 1

0

境界線は、一部の要素のサイズに追加されます。たとえばdiv、高さが800pxで幅が の があるとし400pxます。5pxそのdivように境界線を追加すると:

div.class {
    border: 5px solid black;
}

5px次に、ボックスがあらゆる方向に拡大することに気付くでしょう。その結果、ボックスは810pxです410px。

これは、次のようなものを使用することで回避できます。

div.class {
    border: 5px solid black;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

これで問題が解決するはずです...うまくいけば！

于 2013-01-29T12:26:36.083 に答える