好好爱自己!

用css、html编写一个两列布局的网页,名称为css.html ,要求左侧宽度为200px ,右侧自动扩展

<body>
<div style=" float:left; width:200px; height:300px; border: 1px #0033FF solid;">111</div>
<div style=" float:left; width:auto; height:300px; border: 1px #0033FF solid;">222</div>
</body>

或者,这样也可以。
1
2
3
4
5
6
7
8
<body>
    <nav style="width:200px; position:fix; height:100%">
         
    </nav>
    <div style="margin-left:200px;width:auto;>
         
    </div>
</body>

  

 

这里有一个不错的 html5 + css3 实现的。

https://webdesign.tutsplus.com/articles/smarten-up-a-slick-login-form-with-css3--webdesign-7497

posted @   立志做一个好的程序员  阅读(1260)  评论(0编辑  收藏  举报
编辑推荐:
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
阅读排行:
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用

不断学习创作,与自己快乐相处

点击右上角即可分享
微信分享提示