CSS布局 , 单列宽度固定,另一列自适应。
发布网友
发布时间：2022-04-24 05:54
共2个回答
热心网友
时间：2022-04-07 12:10
实际宽度虽然不对，但是效果上是对的，一般都是这样解决的。如果要求实际宽度对的话要用js了（一般不会有这样的要求吧，这样用不好）。
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf8" />
<style>*{padding:0;margin:0;}</style>
</head>
<body>
<div style="float:left;border:1px red solid;width:400px;height:800px;"></div>
<div style="border:3px blue solid;">
test text!
<div>div</div>
<div style="float:left;">float</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
热心网友
时间：2022-04-07 13:28
<style type="text/css">.wrapper {padding:0 0 0 300px;height:400px;background-color:#EEE;}.left {float:left;display:inline;margin-left:-300px;width:300px;height:200px;background-color:#CCC;}.right {width:100%;height:300px;background-color:#AAA;}</style><div class="wrapper"><div class="left">left</div><div class="right">right</div></div>
