ホームページ  >  記事  >  ウェブフロントエンド  >  CSS+div 2 列レイアウトに関する質問_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 12:13:04992ブラウズ

ページは左右の 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

a0277ecd54873fcba0f7b0413736c61c16b28748ea4df4d9c2150843fecfba68
c127bd518b970314375d6b53ece2f412dc6dce4a544fdca2df29d5ac0ea9906b

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

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