厦门维护网专业提供网站维护,网站修复,快速建站,公众号托管,小程序,,微信分销商城,网站推广优化等,服务热线:0592-6020133

左侧固定宽度 右侧自适应

发布:厦门维护网2017-12-24 7:46分类: HTML教程

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{padding:0px; margin:0px;}
.left{
    float:left;
    width:200px;
    border:#000 1px solid;
    }
.right{
    overflow: auto;
    border:#999 1px solid;
}    
</style>
</head>

<body>
<div>
    <div class="left">1</div>
    <div class="right">2</div>
</div>
</body>
</html>
温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

已有 0/74 人参与

发表评论:

欢迎使用手机扫描访问本站,还可以关注微信哦~