Question

当我什么都不做的时候我的盒子/边框留在它周围但是当我写下浮动时：左;它开箱即用/边界外围如何保持它。

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

<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>

Answer 1

看到css中没有float的中心属性，只有三个：

float: left | right | none;

我什么时候做Float：Center;我的盒子/边框留在它周围，但当我写浮动：左;它开箱即用/边界外围如何保持它。

稍微改变一下css：

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

Fiddle demo

Answer 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类应用样式。这样你的视频就会保留在盒子里面。

Answer 3

我什么时候做浮动：中心;我的盒子/边框留在它周围

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

如果浏览器支持initial，则不需要浮点数，即浏览器不呈现浮点数。

如果你给div提供浮动，那么你必须清除它的父级，因为我更容易将overflow:hidden;应用于父div。

为什么我的视频不会留在盒子里？

3 个答案: