最新消息:

DIV宽度自适应100%一样可以做到越界产生滚动条

Web 观测者 5727浏览

以前当我写滚动条的时候,往往会把div设置一个死的宽度,然后设置他的overflow:auto;来让他里面table宽度超出而产生滚动条。

这次的项目里,div却是自适应宽度的,而里面table内容的宽度很多情况下会超出,所以需要设置滚动条。

这时我也想过设置他的overflow属性,可是一想,他是自适应的,设置他的这个属性有作用么?

然后我求助了美工,她给出的答案是iframe,然后她给出了demo,确实可行。

今天同事他在他的页面没设置iframe,只添加了个overflow属性就做到了同样的效果。

然后我看了下他div里面的table,他在table里面设置了一个死的宽度(1000px, 超出了外层div),这同样不好。

所以我就想在table宽度为100%的情况下是否也行呢?然后我把他的table宽度改成了100%,而不是之前的1000px。

这时滚动条消失了,table里面每个单元格的高度自适应了,造成了table的整体样式变形,我们能接受的是,table的单元格高度是一定的。

接着我给table里每个td加了个nowrap="nowrap",问题解决了,产生了和之前一样的效果,不需要iframe,不需要写死他的宽度,一切都在自适应中产生,一样的适用。

转载请注明:观测者 » DIV宽度自适应100%一样可以做到越界产生滚动条