想要在右上角写文字，但是一些弄不出来，求教。_html/css

首页

web前端

html教程

想要在右上角写文字，但是一些弄不出来，求教。_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:54 AM

想让文字在右上角空白处显示，求教怎么弄

<!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/imghwm/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/imghwm/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/imghwm/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;
}
#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;这行代码？

wz02下为什么要用clear: both;这行代码？

用来清除float

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

＆gt; gt;的目的是什么元素？Mar 21, 2025 pm 12:34 PM

本文讨论了HTML＆lt; Progress＆gt;元素，其目的，样式和与＆lt; meter＆gt;元素。主要重点是使用＆lt; progress＆gt;为了完成任务和LT;仪表＆gt;对于stati

＆lt; datalist＆gt;的目的是什么。元素？Mar 21, 2025 pm 12:33 PM

本文讨论了html＆lt; datalist＆gt;元素，通过提供自动完整建议，改善用户体验并减少错误来增强表格。Character计数：159

＆lt; meter＆gt;的目的是什么。元素？Mar 21, 2025 pm 12:35 PM

本文讨论了HTML＆lt; meter＆gt;元素，用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了＆lt; meter＆gt;从＆lt; progress＆gt;和前

视口元标签是什么？为什么对响应式设计很重要？Mar 20, 2025 pm 05:56 PM

本文讨论了视口元标签，这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互，而滥用可能会导致设计和可访问性问题。

如何使用HTML5表单验证属性来验证用户输入？Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性，例如必需的，图案，最小，最大和长度限制，以直接在浏览器中验证用户输入。

我如何使用html5＆lt; time＆gt; 元素以语义表示日期和时间？Mar 12, 2025 pm 04:05 PM

本文解释了HTML5＆lt; time＆gt;语义日期/时间表示的元素。它强调了DateTime属性对机器可读性（ISO 8601格式）的重要性，并在人类可读文本旁边，增强Accessibilit

＆lt; iframe＆gt;的目的是什么。标签？使用时的安全考虑是什么？Mar 20, 2025 pm 06:05 PM

本文讨论了＆lt; iframe＆gt;将外部内容嵌入网页，其常见用途，安全风险以及诸如对象标签和API等替代方案的目的。

HTML5中跨浏览器兼容性的最佳实践是什么？Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践，重点是特征检测，进行性增强和测试方法。

See all articles

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

AI Hentai Generator

免费生成ai无尽的。

显示更多

热工具

Atom编辑器mac版下载

最流行的的开源编辑器

Dreamweaver CS6

视觉化网页开发工具

Dreamweaver Mac版