CSS+div 2 列レイアウトに関する質問_html/css_WEB-ITnose

ページは左右の 2 つの div に分割されており、フローティングになっています。
左の div の幅を 100px に固定し、右の div の幅を調整して残りのスペースを埋める必要があります。つまり、幅は 100%-100px である必要があります。
CSSで実装するにはどうすればよいですか?
3x

ディスカッション (解決策) への返信

こんにちは

/**css **/#a {   width:10%;/*以%划分页面和100px有相同效果,无论如何变浏览器都将保持比例*/   height:auto;   overflow:hidden;/*超过部分自动截断,也可以用scroll替换hidden为框设置滚动条*/   }#b {float:right;    width:90%;    height:auto;    }/**css end **/<!--省略大部分html--><div id="b">这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。</div><div id="a">这里发言，表示您接受了CSDN社区的用户行为准则。请对您的言行负责，并遵守中华人民共和国有关法律法规,尊重网上道德。</div>

10%+90% これはわかっていますが、私が望んでいる効果ではありません。
以下のページはこの効果を実現していますが、その方法がわかりません。
http://masonry.desandro.com/demos/basic-single-column.html

しばらく角を曲がらなかったことにふと気づきました。 3Q。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

アサシンのクリードシャドウズ：シーシェルリドルソリューション

3週間前 By DDD

Windows11 KB5054979の新しいものと更新の問題を修正する方法

2週間前 By DDD

Atomfallのクレーンコントロールキーカードを見つける場所

3週間前 By DDD

R.E.P.O.で節約説明した（そしてファイルを保存）

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンクリードシャドウ - 鍛冶屋を見つけて武器と鎧のカスタマイズを解除する方法

4週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7569

15

CakePHP チュートリアル

1386

52

Steamのアカウント名の形式は何ですか

87

11

Win11 Activation Key Permanent

61

19

NYTの接続はヒントと回答です

28

107

もっと見る