gpt4 book ai didi

html 元素不响应定位

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

我无法让 img 元素移动到左侧。 left: 0px 属性没有做任何事情。事实上,我似乎无法移动#top div 中的任何内容。

img 标签在顶部。我省略了网页的其余部分,但我希望这就足够了。

HTML代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="topBorder">&nbsp;</div>

<div id="top">
<img src="logo.png" style="width:50%; height: 20%; left: 2em"/>
</div>

</body>

</html>

CSS 代码:

body {
max-width: 60em;
margin: auto;
position: relative;

}

div {
border: solid;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;

}

#topBorder {

background-color:#255FAA;
height: .7em;
width: 100%;
border: transparent;
}

#top {
background-color: white;
border: transparent;
height: 13%;
width: 100%;
font-family: Georgia, Palatino Linotype;

}


#top img{
border: solid black;
position: relative;
left: 0px;
}

最佳答案

看起来您的 div 元素中的 text-align:center 是问题所在。尝试在 #top 中覆盖它,我认为它会开始按照您的预期运行。看到这个 fiddle :

http://jsfiddle.net/3KyrW/

关于html 元素不响应定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14657718/

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