右上の空白スペースに文字を表示したいのですが、その方法を教えてください
<!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" width="700px" height="200px" /></div> <div class="wz04"> <div class="wz0401"><img src="left.jpg" width="200px" height="300px" /></div> <div class="wz0402"> <div class="wz040101"><img src="jj.jpg" width="500px" height="35px" /></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;
フォントサイズ: 12px;
#wz0102 {
幅: 150px;
#wz0102 {
width: 150px;
height: 12px;
float: right;
#wz02 {
# wz0102 {
幅: 150 ピクセル;
高さ: 12 ピクセル;
フロート: 右;
#wz02 {
背景画像: url(dh.jpg);
身長: 30px;
width: 700px;
border: 0px 0px 5px 0px;
クリア: 両方; を使用するのはなぜですか?
#wz0102 {
幅: 150px;
高さ: 80px;
フォントサイズ: 12px;
#wz02 {
背景画像: URL(dh.jpg);
高さ: 30px;
幅: 700px;
境界線: 0px 0px 5px;
クリア: 両方; を使用する理由
は float をクリアするために使用されます