Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS html图像放置_Html_Css - Fatal编程技术网

CSS html图像放置

CSS html图像放置,html,css,Html,Css,我想把一个图像放在一个非常特定的位置(导航栏的右上角),我用position:relative;(也尝试了绝对)并相应地移动它 当我裁剪浏览器时,它将停留在我的div包装器外的空白处 因此,我的图像基本上没有使用我的div包装器进行缩放 有人能提供一些建议吗?对不起,我的问题是noob 下面是一些代码 <div id ="Wrapper"> <div id='cssmenu'> <ul> <li><a href='#'><s

我想把一个图像放在一个非常特定的位置(导航栏的右上角),我用position:relative;(也尝试了绝对)并相应地移动它

当我裁剪浏览器时,它将停留在我的div包装器外的空白处

因此,我的图像基本上没有使用我的div包装器进行缩放

有人能提供一些建议吗?对不起,我的问题是noob

下面是一些代码

<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元素,并在该元素上变为绝对。将容器设置为绝对,它看起来像是固定了它,但它弄乱了居中。我会稍后再整理。谢谢,我现在觉得自己很笨。我也不能投你的赞成票,因为我的水平很低。谢谢你的帮助。