摘要：代码结构：在div中放一个表格，div设置overflow:auto，table的宽度为100%。最好在这个div前放一个兄弟浮动的div，这样效果更明显。问题现象：当表格的内容比div的高度还要高时，div会出现竖直滚动条，同时在IE6和IE7下会出现问题：此时table的100%宽度还是没有滚动条那是的宽度，出现滚动条后，div的可视宽度减少，导致横向滚动条也出现了，而且横向能滚动的长度正好是滚动条的宽度。单在IE8下就不会出现这样情况。问题代码：<div style="float:left; height:200px; background-color:#060; wid
阅读全文
摘要：CSS两列布局，右侧固定，左侧自适应宽度<div style="width:90%; margin:0 auto;"><div style="width:200px; float:right;">这是右侧的内容</div><div style=" margin-right:210px;">这是左侧的内容，自适应宽度</div></div>CSS两列布局，左侧固定，右侧自适应宽度<div style="width:90%; margin:0 auto
阅读全文
摘要：使用负margin可以使当前的div左边能容纳下面的div浮动上来，因此把右边的div摆在前面，左边的摆后面，右边的使用负margin就能让左边的浮上来，这样就遮住了右边的左半部分，只要右边再内部使用一个div，外边距为左边的宽度就实现了左右的排版。 1、左边固定，右边自适应 <div><div style="float: right; margin: 0 0 0 -200px; width: 100%;"><div style="margin: 0 0 0 200px; background: #e4e4e4;">这
阅读全文
