Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/jsf/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我怎样才能让一个div停在另一个div的旁边?_Html_Css - Fatal编程技术网

Html 我怎样才能让一个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保持在另一个div的旁边。我的主div在页面的中间。我想让另一名队员留在一边。

我已经走了这么远。
很抱歉出现新手问题。

如果您想保持绝对定位,可以对第二个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;


}