Question

我需要在另一个div中放入一个固定大小的div及其内容，但外部div可以是任何大小：例如：

注意：网站上使用Boostrap。 inners div可以包含任何html元素，例如img，div标签等。

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<div class="col-sm-4 col-xs-6 outerdiv">
  <div class="innerdiv">
    <div style="width: 500px; height: 750px; position:relative;">
      <div style="left: 37px; top: 22px; width: 613.4px; height: 347.4px; text-align: center;position: absolute;">
        Some text
      </div>
      <div style="left:57px; top: 302px; width: 613.4px; height: 347.4px; position: absolute;">
        <img src="http://placehold.it/613x347" style="width: 613.4px; height: 347.4px;" />
      </div>
    </div>
  </div>
</div>

＆＃13;

我认为使用的解决方案是css3 transform和scale。但这似乎并不总是有效，因为内部div的内容移出了地方，它的需求保持了宽高比。

更新：此处找到小提琴https://jsfiddle.net/TheDeveloper/1g585peo/9/

固定大小div和内容，内部响应div /容器

0 个答案: