問題タブ [box-sizing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - box-sizing プロパティを使用して境界線を内部に追加すると、 s のサイズが変わるのはなぜですか?
クリックするたび.clickに追加する JQuery メソッドを使用しています。には境界線が含まれており、プロパティは に設定されています。.clicked<td>.clickedbox-sizingborder-box
<td>横または縦に2 つの s を連続してクリックすると、サイズが変化するように見えます。なぜそうなのですか？
これが私のコードです：
助けていただければ幸いです。
html - 2 つの div を並べて配置できない
さて、StackOverflow でこれに似た質問がいくつかあることは知っていますが、それらは既に回答されていますが、役に立ちませんでした。
私はメッセージング サービスを構築しています。そのために、contacts_box(300px) とmessage_box(500px) の 2 つの div があります。それらは両方とも にある親の中にラップされていdivます。これらの 2 つを親の中に並べて表示します。しかし、私が何をしても、それらを整列させることはできません!800pxwidthaligndivsdiv
私の HTML と CSS を見て、どこが間違っているのか教えてください。
css - ネストされた div を使用して CSS で境界線を揃える
https://jsfiddle.net/Ld07e4s7/4/にレイアウトがありますが、最初の青い境界線を他の青い境界線と同じ程度にすることはできません。
箱の大きさがよくわからないのかもしれません。しかし、それがなければ、さらに壊れます:
また、このレイアウトは Edge で壊れます。どうすれば修正できますか？
html - 親のulタグでli幅が固定されない
私が開発したいくつかのウェブページをチェックしました。li幅 に関する CSS の問題がいくつかあります。
ナビゲーション メニューのコードは次のとおりです。
しかし、次の結果が得られます。
タグの幅liは16%です。タグの幅の合計が幅よりも大きいのliはなぜですか? liul
html - 境界線に合わせて div を調整しますか?
だから私は次のhtml/cssコードを持っています
この小さな演習の目標は、ドロップダウン メニューを作成することでした。そのため、"Hello" と class="mainbtn" を含む div の上にマウスを移動すると、リンクのリストが展開されます (アニメーションとトランジションは問題の一部ではないため省略しました)。問題は、class="content" を含む div 内のリンクが、class="mainbtn" を含む div のボーダーの端まですべて展開されないことです。最初は、単純なボックスのサイズ変更を考えました: ボーダーボックスは問題を解決しますが、そうではありません。class="content" を使用して div を作成し、その中のリンクに class="mainbtn" とその境界線を加えた div 全体の幅を持たせる方法はありますか?