IE9浮动溢出:隐藏和表宽度100%未正确显示

IE9浮动溢出是一个常见的CSS问题，它通常出现在现代浏览器中，比如Chrome、Firefox、Safari等。当浏览器的布局元素（例如div、table、tr、td等）的宽度超过其父元素的宽度时，就会发生浮动溢出。

这种问题通常是由于CSS中的float属性引起的。当使用float属性时，元素会脱离文档流，并且会浮动到当前行的左侧。如果元素所在的行的宽度小于该元素的长度，就会发生浮动溢出。

解决这个问题的方法有多种，其中一种是使用overflow属性。overflow属性可以控制元素是否自动添加滚动条。当元素的宽度超过父元素宽度时，可以使用overflow:hidden属性来隐藏溢出的元素。另外，还可以使用overflow:auto属性来添加滚动条，并在需要时自动显示。

除了使用overflow属性外，还可以使用flex布局或grid布局来解决这个问题。flex布局可以更灵活地控制元素的排列方式，而grid布局则可以提供更加精确的布局控制。

在IE9中，如果元素的宽度设置为100%，并且父元素的宽度小于该元素的长度，也会发生浮动溢出。这是因为IE9的FloatLayout引擎在计算元素的位置时，会将元素的宽度计算在内，因此如果元素的宽度为100%，并且父元素的宽度小于元素的长度，就会导致元素的位置不正确，从而发生浮动溢出。

要解决这个问题，可以使用CSS中的white-space: nowrap属性来防止元素的内容在行内换行，并使用overflow: hidden属性来隐藏溢出的元素。

另外，还可以使用display: inline-block属性来将元素设置为内联块级元素，这样可以避免元素浮动而导致溢出。

总的来说，IE9浮动溢出的问题可以通过CSS中的overflow属性、flex布局、grid布局以及white-space属性等来解决，不同的方法有着不同的优缺点，需要根据实际情况选择使用。