请教：div双列布局问题_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 12:07:321290검색
div双列布局，外层width：500px;左列width:100px，右列width：100%;margin-left:150px;
预览效果为右列实际大小超出了外层div。
请教如何实现右列不超出外层div范围（要求不使用js，实际应用中外层会捕获window.resize()灵活指定宽度）。
<!doctype html><html><head><style type="text/css">.div1{ border: 1px solid black; width:500px;}.div2{ width:100px; border: 1px solid blue; float:left; height:200px;}.div3{ width:100%; border: 1px solid red; margin-left:102px; height:200px;}</style></head><body> <div class="div1"> <div class="div2">div2</div> <div class="div3">div3</div> </div></body></html>
回复讨论(解决方案)
.div3{ border: 1px solid red; margin-left:102px; height:200px;} width:100%;去掉
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.