> 웹 프론트엔드 > HTML 튜토리얼 > 关于CSS+div两列布局的问题_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:13:04
원래의
1036명이 탐색했습니다.

页面分为左右两个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 **/<!--省略大部分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。

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿