189 8069 5689
与楼主对话后，发现，浮动布局的层，虽然#right设置了float，但是#left没有设置float:left，导致效果不理想。解决方法，给#left加上float:left属性。
我们提供的服务有：网站设计制作、成都做网站、微信公众号开发、网站优化、网站认证、湘西土家族ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的湘西土家族网站制作公司
一楼做的是图中横向的一段；我来补充一下纵向的吧；
完整版代码：
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""
html xmlns="" xml:lang="zh" lang="zh"
head
link type="text/css" rel="stylesheet" href="1.css"/
style type="text/css"
!--
body,div,h3,ul,li{
margin:0;
padding:0;
}
/*body{
padding-left:15px;
}*/
h3{
padding:14px 0;
font-size:16px;
}
.p-body{
padding-left:50px;
background-color:#F5F5F5;
border:1px solid #E7E7E7;
}
ul{
padding-left:11px;
font-size:11px;
}
ul li{
padding:2px 0;
}
ul li a{
color:#000;
text-decoration:none;
}
--
/style
style type="text/css"
!--
body,div,h3,ul,li{
margin:0;
padding:0;
}
h3{
padding:14px 12px;
font-size:14px;
}
.p-body{
padding-left:50px;
background-color:#F5F5F5;
border:1px solid #E7E7E7;
overflow:hidden;
width:960px;
}
ul{
padding-left:11px;
font-size:12px;
}
ul li{
padding:2px 0;
list-style:none;
}
ul li a{
color:#000;
text-decoration:none;
}
.help-items{
padding:0 60px;
}
--
/style
/head
body
div class="p-body"
div class="fcnt"
div class="adv"
div class="g-p-ib help-items first-item"
h3
信誉
/h3
ul
li
a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"
· 关于我们 /a /li
li
a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"
· 信誉保证 /a /li
li
a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"
· 退换货保障 /a /li
/ul
/div
div class="g-p-ib help-items"
h3
定制
/h3
ul
li
a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"
· 如何定制 /a /li
li
a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"
· 如何付款 /a /li
li
a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"
· 优惠券获取与使用 /a /li
li
a target="_blank" class="g-icn-dot-sqa g-t-a33" href="/"
· 如何修改订单 /a /li
/ul
/div
div class="g-p-ib help-items"
h3
客服
/h3
ul
li
span style=" line-height:28px;"24小时客服热线：/span
br /
strong
020-85106780 /strong /li
li·
a class="g-icn-dot-sqa g-t-a33" target="_blank" href=""
QQ在线客服 /a /li
li
a class="g-icn-dot-sqa g-t-a33" target="_blank" href="/"
· 在线反馈 /a /li
/ul
/div
/div
/div
br
/div
/body
/html
CSS读文档的时候跟人一样是从上往下的，也就是说如果有冲突下面的会覆盖上面
用ps做这样的图片 可以是背景定位 也可以是插入图片，还可以就红色的背景和灰色的背景上面的数字页面中写