div+css如何让超过屏幕宽度的时候不换行?

#td{overflow-x :auto; width:10px;float:left;margin:0 10px 0 10px}

基本语法
overflow-x : visible | auto | hidden | scroll

语法取值
visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，
对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效
auto : 在必需时对象内容才会被裁切或显示横向滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示横向滚动条

给你的#content固定个宽度，可以容纳下三个div的宽度，然后加个overflow:hidden;你#title没有做漂浮，同样级别的框架，你其他两个#tr的做了漂浮了，还有你#td做了漂浮了，#title里面的text-align:center;等于作废了，没必要再加这个了

固定div宽度，不要用100%这类相对单位，或者用white-spacing: nowrap; 就是不换行的意思。再就是每一个页面的ID是唯一的，你这写法很容易出问题。

给行或列加上固定宽度，超出时就会自动换行了。