你的图只有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>
WordPress专业外贸企业网站搭建模版,特色专业外贸企业风格 + 自适应网站开发设计 通用流行的外贸企业网站模块 + 更好的SEO搜索优化和收录 自定义多模块的产品展示功能 + 高效实用的后台自定义模块设置!采用标准的HTML5+CSS3语言开发,兼容当下的各种主流浏览器: IE 6+(以及类似360、遨游等基于IE内核的)、Firefox、Google Chrome、Safari、Opera...
ZJI又上新了!商家是原Wordpress圈知名主机商:维翔主机,成立于2011年,2018年9月启用新域名ZJI,提供中国香港、台湾、日本、美国独立服务器(自营/数据中心直营)租用及VDS、虚拟主机空间、域名注册等业务。本次商家新上韩国BGP+CN2线路服务器,国内三网访问速度优秀,适用8折优惠码,优惠后韩国服务器最低每月440元起。韩国一型CPU:Intel 2×E5-2620 十二核二十四线...
DiyVM是一家比较低调的国人主机商,成立于2009年,提供VPS主机和独立服务器租用等产品,其中VPS基于XEN(HVM)架构,数据中心包括香港沙田、美国洛杉矶和日本大阪等,CN2或者直连线路,支持异地备份与自定义镜像,可提供内网IP。本月商家最高提供5折优惠码,优惠后香港沙田CN2线路VPS最低2GB内存套餐每月仅50元起。香港(CN2)VPSCPU:2cores内存:2GB硬盘:50GB/R...