# antDesign的Form表格,提交时没有报错也没有反应

  • 这种情况,可能出现在 有个别元素的校验没有调用callback方法,这导致提交没有被执行!

# css的布局错乱,子元素不受约束,导致父元素宽度(高度)错乱

  • 爷级,父级,子级, 孙级 四级为例,爷级有宽度, 父级为auto, 子级未设置, 孙级未设置
  • 父级,子集 的宽度在 孙级宽度小于 爷级时正常孙级宽度 超过 爷级宽度时孙级宽度会带动父级,子级宽度撑大,不受约束
  • 解决方案,当前为例:
.fix{
    /*直接设置在孙级元素上,注意此时有可能孙级的元素为: white-space: nowrap;*/
    white-space: normal;
}

# 难点

  • 从布局的角度,非常难以排查,因为涉及到flex的多个层级;
  • 一般情况下,父级要么会移除隐藏,要么溢出出现滚动条。本例中,white-space: nowrap;的情况导致了父级元素宽度持续增加,无fuck说!