如何使元素停止从我制作的 div 中弹出？答案

【问题标题】：How to make elements stop popping out of div that I made?如何使元素停止从我制作的 div 中弹出？
【发布时间】：2015-10-02 03:33:24
【问题描述】：

我想制作一个盒子（以 div 的形式），可以在其中排列和移动对象。

但是，当我尝试让物体向左下落时，它们会弹出来。我该如何解决这个问题？

【问题讨论】：

只是想知道您的代码可能是什么样子？
我们需要代码！您如何尝试将它们对齐到左侧？那可能是你的问题。
发在下面，第一次发，不好意思

标签： html out

【解决方案1】：

#slide
 {
 margin: 100px 100px;
 background:green;
 height:200px;
 width:100px;
 overflow: hidden;
 clear:both;
}

试试这个（替换你的班级）

【讨论】：

【解决方案2】：

编辑找到了答案：只需添加位置：相对；在css文件中#slide

HTML

    <!DOCTYPE html>

    <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>
    <div id="slide">
        <div id="right">

        </div>
        <div id="left">

        </div>
    </div>
</body>

CSS

   #slide
   {
   margin: 100px 100px;
   background:green;
   height:200px;
   width:100;
   }
   #right
   {
   top:40%;
   height:20px;
   width:20px;
   background:black;
   right:0;
   position:absolute;
   }
   #left
   {
   top:40%;
   height:20px;
   width:20px;
   background:black;
   left:0;
   position:absolute;
   }

【讨论】：