你的图只有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>
MechanicWeb怎么样?MechanicWeb好不好?MechanicWeb成立于2008年,目前在美国洛杉矶、凤凰城、达拉斯、迈阿密、北卡、纽约、英国、卢森堡、德国、加拿大、新加坡有11个数据中心,主营全托管型虚拟主机、VPS主机、半专用服务器和独立服务器业务。MechanicWeb只做高端的托管vps,这次MechanicWeb上新Xeon W-1290P处理器套餐,基准3.7GHz最高...
sparkedhost怎么样?sparkedhost主机。Sparkedhost于2017年7月注册在美国康涅狄格州,2018年收购了ClynexHost,2019年8月从Taltum Solutions SL收购了The Beast Hosting,同年10月从Reilly Bauer收购了OptNode Hosting。sparkedhost当前的业务主要为:为游戏“我的世界”提供服务器、虚拟...
近日快云科技发布了最新的夏季优惠促销活动,主要针对旗下的香港CN2 GIA系列的VPS云服务器产品推送的最新的75折优惠码,国内回程三网CN2 GIA,平均延迟50ms以下,硬件配置方面采用E5 2696v2、E5 2696V4 铂金Platinum等,基于KVM虚拟架构,采用SSD硬盘存储,RAID10阵列保障数据安全,有需要香港免备案CN2服务器的朋友可以关注一下。快云科技怎么样?快云科技好不...