<style type="text/css">
.div2{width: 100%;background: #ccc;}
.div1{width:1000px;margin: 0 auto;}
</style>
<div class="div2">
<div class="div1">
111111
</div>
</div>
当页面缩小到小于1000PX的时候,会出现X轴的滚轮,向右拖动X轴的滚轮,发现div1被截断了,有办法解决不让截断吗?
<style type="text/css">
.div2{width: 100%;background: #ccc;}
.div1{width:1000px;margin: 0 auto;}
</style>
<div class="div2">
<div class="div1">
111111
</div>
</div>
当页面缩小到小于1000PX的时候,会出现X轴的滚轮,向右拖动X轴的滚轮,发现div1被截断了,有办法解决不让截断吗?
3 回答1.6k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
2 回答1k 阅读✓ 已解决
4 回答1.7k 阅读
2 回答1.5k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
1 回答1.2k 阅读✓ 已解决
为何截断?跟视口有关。
至于解决方案,lz已经找到,min-width。min-width的兼容性是IE7+。
顺带一提,对常规流内的块级元素来说,
width:100%
是一个几乎无用的属性设置。常规流内的块级元素自动会适应于其包含块的content-box的宽度。