请问：div双列布局有关问题
日期：2014-05-16 浏览次数：20679 次
请教：div双列布局问题
div双列布局，外层width：500px;左列width:100px，右列width：100%;margin-left:150px;
预览效果为右列实际大小超出了外层div。
请教如何实现右列不超出外层div范围（要求不使用js，实际应用中外层会捕获window.resize()灵活指定宽度）。
------解决方案--------------------
width:100%;去掉
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%;去掉
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
