你的图只有2个DIV.左边的宽度大概设置成80%宽,右边大概是20%.这个宽度具体的你要去看,还要考虑一下CSS盒模型.
1.先要做个大容器,也就是我CSS里写的LAYOUT.定义一下宽度.
2.CSS里做两个小盒子,左右各一个.
3.直接镶套DIV就可以了.简陋的基本布局就是这样了.代码如下:
<style type="text/css"> #layout { margin:0 padding:0 width:100%;} #left {float:left; width:80%; height:600px; background:gray;}
#right { float:left; width:20%; height:600px; background:red;}
</style>
<body> <div id="layout"> <div id="left">左边</div>
<div id="right">右边</div> </div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" /1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- h2 { text-align:center; background-color:#0C0} --> </style> </head>
<body> <div style=" width:250px; height:250px; background:yellow"> <h2>内容标题</h2> 这就是内容这就是内容这就是内容这就是内容这就是内容这就是内容<img name="guanggao" src="" width="100" height="100" alt="" style="float:left; padding:8px 8px 8px 0px; background-color:#00C" />就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容就是内容 </div> </body> </html>
ZJI本月新上线了香港葵湾机房站群服务器,提供4个C段238个IPv4,支持使用8折优惠码,优惠后最低每月1400元起。ZJI是原Wordpress圈知名主机商家:维翔主机,成立于2011年,2018年9月更名为ZJI,提供中国香港、台湾、日本、美国独立服务器(自营/数据中心直营)租用及VDS、虚拟主机空间、域名注册等业务,所选数据中心均为国内普遍访问速度不错的机房。葵湾二型(4C站群)CPU:I...
主机参考最新消息:JustHost怎么样?JustHost服务器好不好?JustHost好不好?JustHost是一家成立于2006年的俄罗斯服务器提供商,支持支付宝付款,服务器价格便宜,200Mbps大带宽不限流量,支持免费更换5次IP,支持控制面板自由切换机房,目前JustHost有俄罗斯5个机房可以自由切换选择,最重要的还是价格真的特别便宜,最低只需要87卢布/月,约8.5元/月起!just...
A400互联是一家成立于2020年的商家,主要推行洛杉矶服务器采用kvm架构,线路优质,延迟低,稳定性高!全场产品对标腾讯云轻量,服务器线路有有美国洛杉矶cn2_gia、香港cn2+cmi,目前推行的vps服务器均为精心挑选的优质线路机房,A400互联推出了夏季优惠洛杉矶5折、香港7折促销活动,质量可靠,价格实惠!二:优惠码洛杉矶五折优惠码:20210620香港cn2七折优惠码:0710三、优惠方...