divの内側にあるCSSボーダー
送信
わかりました。同じ幅のdivがいくつかありますが、そのうちの1つにパターンからはみ出している境界線があります。
境界線がdivの内側に入るようにする方法はありますか？私はもう試した
box-sizing: border-box;
これが私がこれまでに得たものです
#firstDiv {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
max-width: 480;
margin-right: 10;
background: #eeeeee;
border-left: 10px solid #608cc9;
padding-top: 15;
padding-bottom: 15;
text-align: center;
}
#right {float: right}
.divList {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
max-width: 480;
margin-right: 10;
background: #fdead3;
padding-top: 15;
padding-bottom: 15;
text-align: center;
}<div id="right">
<div id="firstDiv">
<span>NA STANDINGS</span>
</div>
<div class="divList">
<span>1</span>
</div>
</div> デケル
実際のコードとコメントした後、問題がであるmargin上.rankDisplayerのdiv。
.rankDisplayer {
display: flex;
flex-wrap: nowrap;
align-items: center;
background-color: #eeeeee;
border-color: #eeeeee;
margin: 10;
}
margin: 10あなたがそこに持っているものを取り除いてください、そしてそれは大丈夫でしょう。
別のオプション-に変更しますmargin: 10 0（この方法では、上下の余白を維持し、左右の余白を削除します）。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
CSSサークル-要素の内側に空白がある外側の境界線
- 2
ブロックの内側にボーダーボトムを作る方法は？
- 3
HTML / CSS-divの内側にある周囲の長方形？
- 4
中央のdivと右側のdivが内側にあるDIV
- 5
CSSの「内側の境界線」:divにホバー
- 6
CSSボーダーを設定する方法-ボックスの外側に残します
- 7
各ナビゲーションバーボタンの左側にあるCSSの空きスペース
- 8
円の内側にあるボックスの外側のランダムな位置
- 9
ページの左側中央にある垂直divフロート
- 10
Bootstrapの左側にあるテーブルヘッダー？
- 11
純粋なCSSで親本体の内側/上部にドロップダウンメニューを表示する方法はありますか？
- 12
divの片側にあるマルチカラーの境界線
- 13
内側の div をスクロール可能にする
- 14
ホームの右側にあるActionBarボタン
- 15
画像の上にあるDIV、両方とも親DIVの内側
- 16
モーダルのはるか外側に伸びるDiv、内側にとどまってスクロールしたい
- 17
divの外側にあるContenteditabledivカーソル
- 18
css内側のdiv境界半径を外側のdiv境界半径に揃える方法
- 19
div内のすべてのデータをロードするには、Gwtボタンをダブルクリックする必要があります
- 20
インレイボーダーのあるCSSサークル
- 21
互いに右下に2つのdivがある場合、左側のdivの前にCSSの大きなスペースがあります
- 22
ボーダーCSS内のボーダー
- 23
cssスキュー要素と内側の丸いボーダートップを取得します
- 24
ダイアログの角度のある素材のすぐ内側にボタンを揃える方法は？
- 25
ダイアログの角度のある素材のすぐ内側にボタンを揃える方法は？
- 26
ボーダーペインの右側のノードを右側全体に配置する方法
- 27
ルータアウトレットの外側のフッターにある角度のあるレンダリングボタン
- 28
テーブルのTRの内側のTHにボーダートップを追加します
- 29
paperjsで内側に円ボイドのある円を描く
コメントを追加