CSS html图像放置
我想把一个图像放在一个非常特定的位置(导航栏的右上角),我用position:relative;(也尝试了绝对)并相应地移动它 当我裁剪浏览器时,它将停留在我的div包装器外的空白处 因此,我的图像基本上没有使用我的div包装器进行缩放 有人能提供一些建议吗?对不起,我的问题是noob 下面是一些代码CSS html图像放置,html,css,Html,Css,我想把一个图像放在一个非常特定的位置(导航栏的右上角),我用position:relative;(也尝试了绝对)并相应地移动它 当我裁剪浏览器时,它将停留在我的div包装器外的空白处 因此,我的图像基本上没有使用我的div包装器进行缩放 有人能提供一些建议吗?对不起,我的问题是noob 下面是一些代码 <div id ="Wrapper"> <div id='cssmenu'> <ul> <li><a href='#'><s
<div id ="Wrapper">
<div id='cssmenu'>
<ul>
<li><a href='#'><span>Home</span></a></li>
<li class='active has-sub'><a href='#'><span>Products</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Product 1</span></a> </li>
<li class='has-sub'><a href='#'><span>Product 2</span></a> </li>
</ul>
</li>
<li><a href='#'><span>About</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
<img src="images/register.jpg" width="50px" height="45px" id="register"/>
</div><!-- end of css -->
-
包装器div位于底部。
“寄存器”id的css只是定位坐标
导航栏是我下载的一个模板 根据您在评论中提供的CSS,它之所以这样做是因为您使用像素来设置宽度。如果使用百分比,图像将移动到屏幕大小。因此,如果您希望它位于容器的最右侧,请尝试:
left:99%编码>或更改百分比值以将其放置在需要的位置。确定简单尝试此操作
h3{
字间距:100px;
}
同时显示您正在使用的css。如果没有它,html将毫无用处。#register{位置:绝对;左:1549;下:0px;}容器的位置是如何定义的?如果设置为相对,那么“绝对”将停止回溯,否则它将回溯到body元素,并在该元素上变为绝对。将容器设置为绝对,它看起来像是固定了它,但它弄乱了居中。我会稍后再整理。谢谢,我现在觉得自己很笨。我也不能投你的赞成票,因为我的水平很低。谢谢你的帮助。