gpt4 book ai didi

html - 使用 html/css 将图像定位在菜单栏旁边

转载 作者:太空宇宙 更新时间:2023-11-04 14:08:35 26 4
gpt4 key购买 nike

我对 html 和 css 很陌生。我正在尝试建立我的第一个网站。我想在导航栏的同一行上放一张图片,图片在左边。我首先尝试使用一些预先编写的代码来制作下拉导航栏,但我无法将图像定位在它的左侧。我尝试了一些非常基本的代码,但我仍然无法弄清楚如何将 div(我的图像)放在导航旁边。我不太清楚何时使用 position 以及何时使用 float。我的目标很简单。让 div 和 nav 并排放置。这是我用来测试的 html:

<!DOCTYPE html>
<html>
<head>
<title>
Nav and div
</title>
<link rel="stylesheet" type="text/css" href="styleside.css">
</head>
<body>
<div>
<img src="images/basil.jpg" alt="picture here" height="20%" width="20%">
</div>
<nav>
<ul>
<li>Home</li>
<li>Big Friendly Button</li>
<li>TARDIS</li>
</ul>
</nav>
</body>
</html>

任何人都可以指出如何移动这些元素的起点吗?谢谢!

最佳答案

 <sytle> // Put this in css
.anynames{ // this css is for position an image to the left
position:relative;
float:left;
}
</sytle>

<div id="anynames"> //<---- Id this use to indicate specific DIV
<img src="images/basil.jpg" alt="picture here" height="20%" width="20%" />
</div>

如果这是正确的,请标记它,如果这不是我们想办法:D

关于html - 使用 html/css 将图像定位在菜单栏旁边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20942646/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com