想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose
想让文字在右上角空白处显示，求教怎么弄
<!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="/static/imghw/default1.png" data-src="1.jpg" class="lazy" style="max-width:90%" height="200px" / alt="想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose" ></div> <div class="wz04"> <div class="wz0401"><img src="/static/imghw/default1.png" data-src="left.jpg" class="lazy" style="max-width:90%" height="300px" / alt="想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose" ></div> <div class="wz0402"> <div class="wz040101"><img src="/static/imghw/default1.png" data-src="jj.jpg" class="lazy" 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
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1374
52
Was ist der Zweck des & lt; Fortschritts & gt; Element?
Mar 21, 2025 pm 12:34 PM
Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati
Was ist der Zweck des & lt; datalist & gt; Element?
Mar 21, 2025 pm 12:33 PM
Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159
Was ist der Zweck des & lt; Meter & gt; Element?
Mar 21, 2025 pm 12:35 PM
Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex
Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?
Mar 17, 2025 pm 12:20 PM
In Artikel werden Best Practices zur Gewährleistung der HTML5-Cross-Browser-Kompatibilität erörtert und sich auf die Erkennung von Merkmalen, die progressive Verbesserung und die Testmethoden konzentriert.
Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design?
Mar 20, 2025 pm 05:56 PM
In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.
Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen?
Mar 12, 2025 pm 04:05 PM
Dieser Artikel erklärt den HTML5 & lt; Time & gt; Element für semantische Datum/Uhrzeit. Es betont die Wichtigkeit des DateTime-Attributs für die Maschinenlesbarkeit (ISO 8601-Format) neben menschenlesbarem Text, das Zubehör steigert
Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?
Mar 17, 2025 pm 12:27 PM
In dem Artikel werden unter Verwendung von HTML5 -Formularvalidierungsattributen wie Erforderlich, Muster, Min, MAX und Längengrenzen erörtert, um die Benutzereingabe direkt im Browser zu validieren.
Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?
Mar 20, 2025 pm 06:05 PM
Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.
