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
Html 我不能让div向上移动_Html_Css - Fatal编程技术网

Html 我不能让div向上移动

Html 我不能让div向上移动,html,css,Html,Css,我找不到口号!(id h2)升高到图片上方。h1很好,但不是h2。 我不熟悉CSS、HTML和Stackoverflow,如果有什么需要的话。 我提前感谢你的帮助 HTML: <html> <head> <link href="HomePage.css" rel="stylesheet" type="text/css"> </head> <body> <div id="Icon"> <div id="h

我找不到口号!(id h2)升高到图片上方。h1很好,但不是h2。 我不熟悉CSS、HTML和Stackoverflow,如果有什么需要的话。 我提前感谢你的帮助

HTML:

<html>
<head>
    <link href="HomePage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Icon">
    <div id="h1">Name</div>
    <img src="RightArrow.jpg" class="img-circle">
    <div id="h2">Slogan!</div>
</div>

线条高度不应用于移动任何东西。使用相对或绝对定位。但是,这里有一个更简单的解决方案:

<html>
<head>
    <link href="HomePage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Icon">
    <div id="h1">Name</div>
    <div id="h2">Slogan!</div>
    <img src="RightArrow.jpg" class="img-circle">
</div>

名称
标语

你到底想做什么???
提升以上图像只需

<div id="h2">Slogan!</div>
<img src="RightArrow.jpg" class="img-circle">
口号!
我没有得到你想做的事???

请详细说明您的要求

为什么要使用
行高
?我知道你是CSS新手,但是你查过样式的意思吗?尝试查看样式
顶部
。使用
position:absolute
(以及
right
)您在正确的轨道上。您上面所说的是什么意思?它是在图像的上面还是在图像的外面?我想把h2提升到图像的中间。因此,它看起来像名称、图像和口号!它们是水平对齐的。我想这就像是一个专栏布局,对吗?在不重新定位任何内容的情况下,h1位于图像上方,h2位于图像下方。
<div id="h2">Slogan!</div>
<img src="RightArrow.jpg" class="img-circle">