コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > ボタンの高さを変更できない理由_html/css_WEB-ITnose

ボタンの高さを変更できない理由_html/css_WEB-ITnose

WBOY
リリース： 2016-06-21 08:56:10
オリジナル
1438 人が閲覧しました

コードは次のとおりです。


;/div> ;
CSS コードは次のとおりです:
#title {
width:100%;
border:1px #ff0000 Solid; >.changeBtn {
width:80px;
height:50px;
}
ボタンの高さが常に同じ値に設定されるのはなぜですか?



ディスカッションへの返信 (解決策) マスターの皆様、アドバイスください

理由はわかりませんが、ボタンの高さを制御するためにボタンの背景色: #eee;

を追加します。お役に立てば幸いです。


同様に、別の CSS ファイルがないと機能しません


私もです。理由はわかりませんが、ボタンの高さを制御するために、ボタンの背景色: #eee;
を追加します。


わかりました。 、本当に効果があるのですが、これの原理は何ですか、、、めまいがします



height:50px; ">

同様に、別の CSS ファイルがないと機能しません

初心者です....


height:50px; "> 🎜>

同様に、別の CSS ファイルがないと機能しません


class="changeBtn" を削除して style="width:80px;
と書くだけで機能しないと誰が言ったのでしょうか? height:50px; " それで問題ありません


どのブラウザを使用していますか?
テストできます。

どのブラウザを使用していますか?

テストできます。

Google 、safari が動作しません、、、めまいがします。背景色または画像を追加するだけですぐに動作します


Google Chromeテストしたブラウザは問題ありません

テストしたブラウザはすべて問題ありません。 。 。 。 。問題ない。
他の CSS の影響を受けていますか? 。 。 。 。

テストしたブラウザはすべて動作しました。 。 。 。 。問題ない。

他の CSS の影響を受けていますか? 。 。 。 。

どうやら、外部レイアウトに制限があるようです。修正したものの、まだ理解できません。


問題ありません。 。

関連ラベル：
为什按钮的高度无法改变
ソース：php.cn
前の記事：CSS カスケード コンテキストとは何ですか?また、それらはどのように機能しますか? _html/css_WEB-ITnose 次の記事：JAVASCRIPTで検索ボックスの自動補完効果を実現(1)_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
HTML コンテナのサイズを動的に変更するにはどうすればよいですか? ウィンドウに合わせてサイズを動的に変更する背景であるコンテナ div があります。そのコンテナ内に画像 div があり、背景コンテナを使用してそのサイズを変更したいと考えています。...
から 2024-04-03 20:38:38
0
1
272
Ag-Grid: 行のデータに基づいてではなく、タイマーに基づいて行のスタイルを設定することは可能ですか? しばらくしてから行の背景色を変更する必要があります。グリッドに秒単位の時間を示す列があり、その時間が 50% 経過した後に行の色を変更する必要があります。グリッド自体のデータは変更...
から 2024-04-03 20:14:05
0
1
360
Vanilla JS setTimeout(): 間違った動作の特定 ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次の...
から 2024-04-02 20:44:40
0
1
284
「min-height」パーセンテージは、要素に「display: flex」の間接的な親がある場合にのみ適用されます。 #main が display:flex ルールを取得した場合にのみ #inner 要素の高さが決まる理由が理解できません。これは私のコードです: #main{display:fl...
から 2024-03-30 22:28:53
0
1
306
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート