HTML5定位

Question

是否可以使特定元素比自动生成的长约5px？因为我的文章元素有一个视频元素，它有点伸出给定的空间，而我可以手动设置高度我觉得最好让它自动设置（就像通常那样）只增加约5px。任何帮助？

Answer 1

我不确定我是否理解这个问题，但您是否试过给它一个5px的填充底部？

Answer 2

尝试使用动态宽度设置所包含元素的宽度。

例如

article {
   width:300px;
 }
contained-element{
   width:95%;
}

Answer 3

只需将padding-bottom:5px提供给您的<article>元素，＆amp;为这两个元素制作height:auto，然后<article>元素将根据高度展开，底部为5px。

Answer 4

我不太确定你在问什么，但是如果它是关于在div中拟合你的视频你可以创建一个包装类，如

.wrapper-div {
position: relative;
padding-bottom: 20%;
height: 0;
}

然后在其中包含子元素

.element-to-load{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;   

}

Answer 5

如果视频大于文章，我假设您希望扩展div。

要做到这一点，你只需要：

1）给外部分部height:auto - 和min-height:
    2）为内部Div提供margin-bottom 5px

Check out this Fiddle Demo

这会回答你的问题吗？

Answer 6

只需设置该元素的CSS（使用实际的像素宽度和高度）：

height: 25px;
width: 50px;

，高度和宽度将被强制为高度和宽度。

尽管可能尝试使用'em'以便自动响应。