为什么我的视频没有留在盒子里？答案

【问题标题】：Why doesn't my videos stay in the box?为什么我的视频没有留在盒子里？
【发布时间】：2014-07-07 07:01:14
【问题描述】：

当我什么都不做时，我的框/边框会留在它周围，但是当我写 float: left;它开箱即用/边界周边我如何保持它。

抱歉，无法发布需要更多代表的图片。

<div style="float: left; margin: 5px;"><embed width="220" height="145" src="youtube.com/v/XGSy3_Czz8k"; type="application/x-shockwave-flash"></div> <div style="float: left; margin: 5px;"><embed width="220" height="145" src="youtube.com/v/XGSy3_Czz8k"; type="application/x-shockwave-flash"></div>

【问题讨论】：

首先float 属性没有center 值。其次，你不能复制一个简单的DEMO。
你的职位是什么？固定的，绝对的？显示器呢？如果你能澄清这将是有帮助的。
youtube.com/v/XGSy3_Czz8k" type="application/x-shockwave -flash">

youtube.com/v/XGSy3_Czz8k" type="application/x-shockwave -flash">
.inner-border { position: relative;} .inner-border:before { position: Absolute; }
制作一个 jsfiddle 并解释你到底想要什么？

标签： javascript jquery html css youtube

【解决方案1】：

看到css中float没有center属性，只有三个as：

float: left | right | none;

每当我做 Float: Center;我的盒子/边框留在它周围，但是当我写 float: left;它开箱即用/边界周边我如何保持它。

稍微改变一下css：

float: left; padding:5px; margin-right: 5px;

Fiddle demo

【讨论】：

【解决方案2】：

首先，没有像 float:center 这样的东西，它要么是 float:left 要么是 float:right

其次，尝试像这样设置您的代码：

<div class="videobox">

  <video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  </video>

</div>

现在您应该只将样式应用于 .videobox 类。这样您的视频将保留在框内。

【讨论】：

【解决方案3】：

每当我做 Float: Center;我的盒子/边框留在它周围

因为浮动没有中心值，浏览器将其作为初始值，即float:initial

如果浏览器支持initial，否则float不需要任何东西，即浏览器不渲染float。

如果你给 div 赋予浮点数，那么你必须清除它的父级，为了更容易我会将overflow:hidden; 应用到父级 div。

【讨论】：

那个工作对浮动感到抱歉：中心；还在学习；）