你的图只有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>
CloudCone是一家成立于2017年的国外VPS主机商,提供独立服务器租用和VPS主机,其中VPS基于KVM架构,多个不同系列,譬如常规VPS、大硬盘VPS等等,数据中心在洛杉矶MC机房。商家2021年Flash Sale活动继续,最低每月1.99美元,支持7天退款到账户,支持使用PayPal或者支付宝付款,先充值后下单的方式。下面列出几款VPS主机配置信息。CPU:1core内存:768MB...
妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品,避免新手购买云服务器的时候众多商家不知道如何选择,妮妮云就帮你选择好了产品,无需承担购买风险,不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商,云服务器提供2天内全额退款到网站余额,超过2天...
LOCVPS(全球云)发布了新上韩国机房KVM架构主机信息,提供流量和带宽方式,适用全场8折优惠码,优惠码最低2G内存套餐月付仅44元起。这是一家成立较早的国人VPS服务商,目前提供洛杉矶MC、洛杉矶C3、和香港邦联、香港沙田电信、香港大埔、日本东京、日本大阪、新加坡、德国和荷兰等机房VPS主机,基于KVM或者XEN架构。下面分别列出几款韩国机房KVM主机配置信息。韩国KVM流量型套餐:KR-Pl...