私は次のHTMLを持っています。そして、私はid="id1"と親のdivがcssファイルの高さと幅に設定されていることを知っています。このコンテキストでは、どのようにボタンの高さと幅を親divの同じ高さと幅に設定できますか？具体的には、何らかの理由でcssファイルの値をチェックしたくありません。HTMLやjavascriptを使用して、ボタンの高さと幅を親divのものに設定する方法
<div id="id1">
<button type="button" >Hello<button/>
</div>
ポストスクリプトとして： いくつかの追加のコンテキストについて説明します。それは私のものではないので、私はCSSを変更することはできません。だから私は、親divがそのIDによってその高さと幅が定義されていることを変更することはできません。 問題を解決するのを手伝ってください。
使用： width: 100%; height: 100%;
や子供にwidth: inherit; height: inherit;。
ビューソリューション：代わりに "ID" の利用クラスの https://jsfiddle.net/warkentien2/zryd01r6/
あなたのコードを共有することができますか、問題の一部でフィドルを作成できますか？強制的に試してください： 'margin：0;パディング：0;ボックスサイズ：border-box; '親と子で。 – warkentien2
答えていただきありがとうございます。私はそれを試して、部分的に良い結果を得ました。詳細には、結果として得られる幅は短すぎる。しかし、私はそれがWebサイトのcssファイルの複雑さに起因すると思う。私は、親divの高さは定義されていないが、そのmin-heightが定義されていることに気づいた。 – yuzu
申し訳ありません。私は "結果の高さが短すぎる"と書いていたはずです。 – yuzu
ボタンがdivのidと同じになるようにしてください。メインのdivと同じサイズに調整する必要があります。
編集： 複数のオブジェクトにクラスを使用する必要があります。
IDを再利用しないでください。代わりにクラスを検討してください。 –
** ID **は**ユニーク**です（各IDは一度だけ使用してください）。あなたは**クラス**と言っていました。 – warkentien2
最初のIDは一意であるため。
<button class="your-class-name" type="button" >Hello</button>
は、[CSS]
if your button is in a div:
.your-class-name{width:100%;height:100%}
Else mention its width and height as your expectation
.your-class-name{width:80px;height:40px}
答えをありがとう。私はいくつかの変更を加えて試してみて、良い結果を得ました。しかし、この変更は私が文脈を間違って記述したことによるものです。あなたの答えを編集しました：.your-class-name {width：inherit; min-height：inherit} – yuzu
このいくつかの時間を読んだ後、私はあなたの問題がここにあるものを手に入れます。チーム環境でこれを行うより良い方法があります。はるかに良い方法。しかし、あなたが言ったとおりにあなたの質問に正確に答えてください。
<div id="id1">
<button type="button" style="height:100%;width:100%">Hello</button>
</div>
^適切なチームデザインの原則とSOCを破りますが、あなたの疑問に答えます。
これはあなたが メイクにあなたをできるようになり、正しい順序でサスをコンパイルすることができます提供CSSファイル
を伝えます。
あなたはUXの人たちと冗談をつけて/遊ぶ方法を求めているようです。これは正しくこれを行う方法ではありません。
CSSを追加したり修正したりせずに純粋なHTMLとJavaScriptのソリューションが必要なのですか？ –
@ user3259983、はい、あります。 CSSファイルは私によって書かれません。 – yuzu