エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
レスポンシブなテキストボックスを実装する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
レスポンシブなテキストボックスを実装する - Qiita
突然ですが、問題です。 問題 HTML、CSSを使用し、以下の条件でテキストボックスとSubmitボタンを配置し... 突然ですが、問題です。 問題 HTML、CSSを使用し、以下の条件でテキストボックスとSubmitボタンを配置しなさい。 条件 テキストボックスとSubmitボタンを横並びで表示 Submitボタンは固定幅※何ピクセルでもOK テキストボックスはSubmitボタンの幅を除いて、ブラウザいっぱいに伸縮する事 答え <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <style> .hoge { overflow: hidden; } input[type=text] { width: 100%; box-sizing: border-box; } input[type=submit] { float: right; margin-left: 10px; } </style> </hea