内层 div 宽度溢出外层 div (如何写 css 解决?)

[wzw]

• css 基础不好,请见谅
• 目标: 自动缩放宽度,不要溢出,不要滚动条
• 问题: 如何写这个 app css, 那把内层管住

内层有 table/img/等等, 还可能是各种格式的,乱写的 width

<div class="app">

  <div class="app-1">
    <p> 1111111111111111111111111111111111111111111111111 </p>
    <img src="http://img.la/999x99">
    <table width="999">
      <tr>
      <td>1111111111111111111111111111111111111111111111111</td>
      </tr>
    </table>
  </div>
  
  <div class="app-2">
    ...
  </div>
  
</div>

---

图演示

[rabbbit]

溢出的是里边的图片,不是子 div


如何不让图片溢出?
img {max-width: 100%}

[1325716640]

设置图片宽度 100% 自适应

[wzw]

@rabbbit #1 图片好弄。table 呢？ 有时候编辑器复制来的 table 有自定义宽度的

[wzw]

@1325716640 #2 图片好弄。table 呢？ 有时候编辑器复制来的 table 有自定义宽度的

[summerwar]

table 设置个滚动条，超出就出现滚动条，可以拖动看

Google 搜索 "table 溢出" 各种解决方法一大堆，搜索时不带双引号，具体如何解决根据你的需要来定

Google is your friend.

[wzw]

@summerwar #5 我搜索了，，，css 处于基础状态， 今天在 jsfiddle 多试一下。

[IamJ]

针对楼主发的这个例子
1、连续的英文数字字符默认是不会换行的，加上样式 word-break: break-all; 强制换行
2、如果有乱写的 width 属性或者行内样式，可以在自定义样式里加上 !important 覆盖 width 样式

[Mutoo]

table 用 scroll-hint.js 做滚动提示