Question

html代码中宽度的自适应

我现在假设一个div的宽度是1300px，但是我使用显示器分辨率是1280*720。去掉上下滚动条的17px，实际body的宽度是1263px。

我给body设定了css是{overflow-y:visible;overflow-x:hidden; padding:0; margin:0;}让它取消掉左右滚动条，并且清空。
这样我的画面的宽度有37px是看不到的。这里如果有文字的话就会让人看不到。求怎么改

Answer 1

宽度自适应吧.不要设置成1300px,width:100%;margin:0 auto;div标签里的宽度不超过分辨率可以设置max-width:100%;这样就不怕了,不过兼容性不是很好,ie6不认识,你可以搜一搜兼容性的办法

Answer 2

宽度给个100%不就行了

追问

虽然我可以将div的宽设定成100%，但是div里面的标签的宽度一旦设定超过了分辨率还是会超出

追答

里面的元素用百分比来定义或设置最大宽度试试吧

Answer 3

自适应宽度： td {
width: 1px;
white-space: nowrap; /* 自适应宽度*/
word-break: keep-all; /* 避免长单词截断，保持全部 */
}

自适应高度 table {
table-layout: fixed;
width: 100%;
}