您的当前位置：首页关于CSS+div两列布局的问题_html/css_WEB-ITnose

关于CSS+div两列布局的问题_html/css_WEB-ITnose

来源：意题教育

页面分为左右两个div,浮动。
我需要将左div宽度固定为100px,右div宽度自适应，将剩下的空间填满，也就是说宽度应该是100%-100px。
CSS 中该怎么实现呢？
3x.

回复讨论(解决方案)

hello

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

10%+90%这种我知道，但不是我要的效果。
下面这个页面实现了这种效果，但我不知是怎么实现的。
http://masonry.desandro.com/demos/basic-single-column.html

恍然大悟，一时没转过弯。3Q。