Html 我怎样才能让一个div停在另一个div的旁边?
我试图让一个div保持在另一个div的旁边。我的主div在页面的中间。我想让另一名队员留在一边。 我已经走了这么远。Html 我怎样才能让一个div停在另一个div的旁边?,html,css,Html,Css,我试图让一个div保持在另一个div的旁边。我的主div在页面的中间。我想让另一名队员留在一边。 我已经走了这么远。 很抱歉出现新手问题。如果您想保持绝对定位,可以对第二个div使用相同的设置,并设置左边距:0 Fiddle:使用float:left CSS属性。下面是一个简单的示例页面: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content=
很抱歉出现新手问题。如果您想保持绝对定位,可以对第二个div使用相同的设置,并设置左边距:0 Fiddle:使用float:left CSS属性。下面是一个简单的示例页面:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Example Page</title>
<style>div {float:left; background:yellow; margin:3px;}</style>
</head>
<body>
<div>Hello, World!</div>
<div>Spam, Spam, wonderful spam...</div>
</body>
</html>
/你可以看到这些图片。我希望左边的图片靠近中间的那张/
这就是你想要实现的目标吗 请有一个在CSS浮动属性,谷歌下一次发布前的问题,这已经回答了很多次了。请看显示:内联块。不,很遗憾,它不是:谢谢!这正是我想要的。谢谢你!
body {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding: 0px;
margin: 0px;
background: #000000;
}
#Home {
position: absolute;
top: 50%;
left: 50%;
margin-top: -128px;
margin-left: -128px;
width: 256px;
height: 256px;
}
#Left {
position: absolute;
top: 50%;
left: 50%;
margin-top: -128px;
margin-left: 0;
width: 256px;
height: 256px;
}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Example Page</title>
<style>div {float:left; background:yellow; margin:3px;}</style>
</head>
<body>
<div>Hello, World!</div>
<div>Spam, Spam, wonderful spam...</div>
</body>
</html>
body {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding: 0px;
margin: 0px;
background: #000000;
}
#Home {
position: relative;
float:right;
width: 256px;
height: 256px;
}
#left{
position:relative;
float:left;
}