gpt4 book ai didi

html - 对齐页面中的两个可滚动元素

转载 作者:行者123 更新时间:2023-11-28 06:10:09 26 4
gpt4 key购买 nike

example

我试图在一个 html 页面中对齐两个单独的背景,让我们说第一部分(其中将添加一个 flexslider)和其余的主页。我怎样才能准确地水平对齐这两个背景?你能举个例子吗?我的代码运行不正常。

<style type="text/css">
#one {
background-image: url("http://www.fnordware.com/superpng/pnggrad8rgb.png");
repeat: no repeat;
width: 200px;
height: 300px;
position: absolute;
}

#two {
background-image: url("http://www.bit-101.com/blog/wp-content/uploads/2009/05/background.png");
repeat: no repeat;
width: 200px;
height: 300px;
position: absolute;
}
</style>

<div id="one"></div>
<div id="two"></div>

Demo

提前致谢

最佳答案

这个怎么样?

> <!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
</style>
</head>
<body>

<div style="background-image: url(img/3.png);
width:1250px; height:1366px;">
</div>

<div style="background-image: url(img/two.png); width:1250px;
height:1366px;">
</div>


</body>

</html>

关于html - 对齐页面中的两个可滚动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36224287/

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