两列布局

最新推荐文章于 2021-03-30 22:11:51 发布

理个以哈呦

最新推荐文章于 2021-03-30 22:11:51 发布

阅读量278

点赞数

分类专栏： html

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
     #main {min-width:60px;min-height:600px; background:#FEFF0A;padding-left:300px;}
     #main-left {margin-left:-300px;width:300px;min-height:400px;background:#98FF1A;}
     #main-right {min-height:400px;background:#7CC0FF;}
     .float {float:left;}
     .clear{clear:both: height : 0; line-height:0; font-size:0;}
</style>
</head>
<body>
    <div id="main">
     <div id="main-left"  class="float">
            这个是左边部分，宽度确定
     </div>
     <div id="main-right">
            这个是右边部分，宽度自动扩展
     </div>
     <div class="clear"></div>
</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

理个以哈呦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
两列布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #main {min-width:60px;min-height:600px; background:#FEFF0A;padding-left:3
复制链接

扫一扫