Heim >Web-Frontend >HTML-Tutorial >想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose
想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:54:233634Durchsuche
想让文字在右上角空白处显示，求教怎么弄
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>公司首页</title><style type="text/css">body{ background-image: url(bg.jpg); background-repeat:repeat-x; height:800px;}#wrap{ margin:0px auto; width:700px; background-color:#FFF;}#wz01{ width:550px; height:80px; background:#fff; background-image: url(logo.jpg); background-repeat: no-repeat; float:left;}#wz0102{ width:150px; height:80px; font-size:12px; }#wz02{ background-image: url(dh.jpg); height:30px; width:700px; border:solid #FFF 5px; border-width:0px 0px 5px 0px;}#wz02 Ol{ margin:0px auto; width:700px; height:30px; }#wz02 li{ text-align:center; width:80px; height:30px; margin-top:8px;}.wz03{ margin-top:0px;}.wz04{ margin-top:5px;}.wz0401{ float:left}.wz0402{ width:500px; float:left; height:300px;}#wz02 li.first{ border-left-width: 0px; width:50px;}</style></head><body><div id="wrap"> <div id="wz01"></div> <div id="wz0102">11111111</div> <div id="wz02"> <ol style="list-style-type:none"> <li style="float:left" class="first">首页</li> <li style="float:left">公司简介</li> <li style="float:left">新闻中心</li> <li style="float:left">工程展示</li> <li style="float:left">企业管理</li> <li style="float:left">业务范围</li> <li style="float:left">在线留言</li> <li style="float:left">关于我们</li> </Ol> </div> <div class="wz03"><img src="1.jpg" style="max-width:90%" height="200px" / alt="想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose" ></div> <div class="wz04"> <div class="wz0401"><img src="left.jpg" style="max-width:90%" height="300px" / alt="想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose" ></div> <div class="wz0402"> <div class="wz040101"><img src="jj.jpg" style="max-width:90%" height="35px" / alt="想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose" ></div> <div class="wz040102"><p>过去20多年，华为抓住中国改革开放和ICT行业高速发展带来的历史机遇，坚持以客户为中心，以奋斗者为本，基于客户需求持续创新，赢得了客户的尊重和信赖，从一家立足于中国深圳特区，初始资本只有21000人民币的民营企业，稳健成长为年销售规模近2400亿人民币的世界500强公司。如今，我们的电信网络设备、IT设备和解决方案以及智能终端已应用于全球170多个国家和地区。</p><p>作为全球领先的信息与通信解决方案供应商，我们为电信运营商、企业和消费者等提供有竞争力的端到端ICT解决方案和服务，帮助客户在数字社会获得成功。我们坚持聚焦战略，对电信基础网络、云数据中心和智能终端等领域持续进行研发投入，以客户需求和前沿技术驱动的创新，使公司始终处于行业前沿。</p> </div> </div> </div></div></body></html>
回复讨论(解决方案)
#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}
#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}
这个修改的话，我那个【首页】【公司简介】那行的背景就会跑到上面
#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}
#wz02 {
background-image: url(dh.jpg);
height: 30px;
width: 700px;
border: solid #FFF 5px;
border-width: 0px 0px 5px 0px;
clear: both;
}
#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}
#wz02 {
background-image: url(dh.jpg);
height: 30px;
width: 700px;
border: solid #FFF 5px;
border-width: 0px 0px 5px 0px;
clear: both;
}
wz02下为什么要用clear: both;这行代码？
#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}
#wz02 {
background-image: url(dh.jpg);
height: 30px;
width: 700px;
border: solid #FFF 5px;
border-width: 0px 0px 5px 0px;
clear: both;
}
wz02下为什么要用clear: both;这行代码？
用来清除float