随笔 - 8, 文章 - 0, 评论 - 0, 阅读 - 9245

不废话,直接代码:

复制代码
<!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=gb2312" />
<title></title>
<style>
body{ min-width:960px;}
.main{ margin-top:5px;overflow:hidden;}
.top,.left,.right,.foot{border:1px solid grey;}
.top{height:100px;}
.left{ width:200px; float:left; height:200px;}
.right{ height:500px; margin-left:220px;}
</style>
</head>
<body>
<div class="top">top</div>
<div class="main">
  <div class="left">left</div>
  <div class="right">right</div>
</div>
</body>
</html>
复制代码

呵呵,简单吧,需要注意的是.right的样式中没有float也没有width。

编辑推荐:
· 对象命名为何需要避免'-er'和'-or'后缀
· SQL Server如何跟踪自动统计信息更新?
· AI与.NET技术实操系列:使用Catalyst进行自然语言处理
· 分享一个我遇到过的“量子力学”级别的BUG。
· Linux系列:如何调试 malloc 的底层源码
阅读排行:
· JDK 24 发布,新特性解读!
· C# 中比较实用的关键字,基础高频面试题!
· .NET 10 Preview 2 增强了 Blazor 和.NET MAUI
· SQL Server如何跟踪自动统计信息更新?
· windows下测试TCP/UDP端口连通性
点击右上角即可分享
微信分享提示