gpt4 book ai didi

html - 基本 CSS 定位(相对与绝对)

转载 作者:行者123 更新时间:2023-11-28 05:00:48 25 4
gpt4 key购买 nike

我最近编写、设计并上传了我的第一个网站,http://www.autismsees.com .

我今天第一次把它放在网上,我发现在许多浏览器上整个页面看起来都向右移动了。

这是因为我对所有元素都使用了绝对定位,而不是通常首选的相对定位。这是一个我非常渴望纠正的错误,但我很难理解我应该如何切换到相对定位。

网页的css可以在http://autismsees.com/style/stylesheet.css找到.

我想知道是否有人可以给我一些关于如何更改样式表的建议,或者可以帮助我教我如何做的在线资源。

非常感谢。

最佳答案

Wow .. 看到你的 HTML 和 CSS 代码我很惊讶,我记得我第一次学习 HTML 和 CSS。但只是一个建议,也许您需要改进结构并整理您的 HTML 代码。可以这样:

<html>
<head>......</head>
<body>
<div id="wrapper">
<div id="container">
......
<!-- YOUR CONTENT HERE -->
......
</div>
</div>
</body>
</html>

我使用两种方式(使用 CSS)使网页居中:

#container{
position: relative;
margin : 0 auto;
width: 900px;
}

或者

#container{
position: absolute;
width: 900px;
left: 50%;
margin-left : -450px;
}

这是 fiddle :http://jsfiddle.net/z9vVu/

希望这有用。

关于html - 基本 CSS 定位(相对与绝对),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15627975/

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