你的图只有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>
PIGYun是成立于2019年的国人商家,提供香港、韩国和美西CUVIP-9929等机房线路基于KVM架构的VPS主机,本月商家针对韩国首尔、美国洛杉矶CUVIP-AS29、GIA回程带防御等多条线路VPS提供6-8.5折优惠码,优惠后韩国首尔CN2混合BGP特惠型/美国洛杉矶GIA回程带10Gbps攻击防御VPS主机最低每月14.4元起。下面列出几款不同机房VPS主机配置信息,请留意不同优惠码。...
百纵科技:美国高防服务器,洛杉矶C3机房 独家接入zenlayer清洗 带金盾硬防,CPU全系列E52670、E52680v3 DDR4内存 三星固态盘阵列!带宽接入了cn2/bgp线路,速度快,无需备案,非常适合国内外用户群体的外贸、搭建网站等用途。官方网站:https://www.baizon.cnC3机房,双程CN2线路,默认200G高防,3+1(高防IP),不限流量,季付送带宽美国洛杉矶C...
DogYun怎么样?DogYun是一家2019年成立的国人主机商,称为狗云,提供VPS及独立服务器租用,其中VPS分为经典云和动态云(支持小时计费及随时可删除),DogYun云服务器基于Kernel-based Virtual Machine(Kvm)硬件的完全虚拟化架构,您可以在弹性云中,随时调整CPU,内存,硬盘,网络,IPv4路线(如果该数据中心接入了多条路线)等。DogYun弹性云服务器优...