Question

我的布局是this一个：

我有明智的工作态度。

问题是当我想在描述容器中保留我的文本时。每当我改变它时，div会稍微向下移动，如果我在.contentDesc中选择绝对位置，div就会消失。我接受它是因为我在这之前将视频作为div？

当我尝试浮动时，我正在说这个：留在我的视频上，一切都出错了。

我尝试使用填充顶部，但滚动并没有与文本保持相同的高度。

我的jsfiddle here

代码：

＆＃13;

 <div class="Projectscontent">
    <div class="Contentimage"> d</div>
    <div class="footer"> </div>
    <div class="projectchooser"></div>
    <div class="videoP">
      <iframe src="https://player.vimeo.com/video/110053234"?autoplay=0&loop=0&title=0&byline=0&portrait=0 width="700" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
    <div class="ContentDesc">
      <div class="descP">
        <p class>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
      </div>
    </div>
  </div>

＆＃13;

 <div class="Projectscontent">
    <div class="Contentimage"> d</div>
    <div class="footer"> </div>
    <div class="projectchooser"></div>
    <div class="videoP">
      <iframe src="https://player.vimeo.com/video/110053234"?autoplay=0&loop=0&title=0&byline=0&portrait=0 width="700" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
    <div class="ContentDesc">
      <div class="descP">
        <p class>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
      </div>
    </div>
  </div>

＆＃13;

Answer 1

在你提供的jsfiddle中，你有descP这个css

.descP {
  max-width:400px;
  max-height: 50px;
  margin:0 auto;
  line-height:20px;
  padding-top:10px;
  text-align: justify;
  overflow: scroll;
  overflow-x: hidden;
}

为了你的目标，你有最大宽度：400px;和保证金0自动

边距0表示上边距和下边距= 0自动平均左右边距取决于文本的宽度。文本的宽度为400px。

您已经在描述容器中保留了文本，但如果您不喜欢实际保证金，请更改最大宽度值并保留自动保证金。或者设置左右边距而不是设置max-width

更改视频错误之后定位的div的边距

1 个答案: