2、其次通过百分比设置宽度内容,根据宽高比16:9,计算出高度的百分比数值,设置内边距为高度的数值。
3、最后在点击设置找到内容放大缩小点击保真选项保存推出即可不失真。
很好处理啊,第一个div你设定float:
leftwidth:
200px
第二个div你却不一定非要加float:
left
并排可以用其他方法的
第二个div你可以设margin-left:200px
因为div默认是最大宽度,所以浏览器宽度改变的时候,第二个div宽度也就会改变,举例如下:
<div
style="width:
200pxheight:
100%float:
leftbackground-color:
Red"></div>
<div
style="margin-left:200px
height:
100%background-color:
Black"></div>
还有另一个方法:
<div
style="width:
200pxheight:
100%float:
leftbackground-color:
Red"></div>
<div
style="
overflow:hidden
height:
100%background-color:
Black"></div>