DIV+CSS は 1 行 2 列をレイアウトし、左の列に固定幅、右の列に適応幅を設定し、ウィンドウが小さい場合にスクロールバーを表示します。-htmlチュートリアル-php.cn

DIV+CSS は 1 行 2 列をレイアウトし、左の列に固定幅、右の列に適応幅を設定し、ウィンドウが小さい場合にスクロールバーを表示します。

WBOY

リリース： 2016-06-24 12:28:13

オリジナル

1157 人が閲覧しました

DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条;Firefox IE测试通过.
辛苦几天的结果啊
平行共三行,中间行分两列,左边固定宽度,右边自适应,并且对行宽度设置了最小值,如果窗口小到最小值以下将出现滚动条,这样一来布局就不会乱了.

下面两句很重要的.百分比情况下窗口人为缩小的时候布局混乱问题就解决了.

.divGlobal,.DivTop,.DivBottom{min-width: 760px;width: expression(document.body.clientWidth < 760 ? "760px": "100%" )/*最小宽度设置*/;width:100%;}

.DivMainLeft{float:left;}
.DivMainRight{margin-left:210px;}

原来粘贴错了.现在好了.不好意思.

New Document

top

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

左边固定宽度

右边宽度自适应.

右边宽度自适应

右边宽度自适应

右边宽度自适应

右边宽度自适应

右边宽度自适应

右边宽度自适应

右边宽度自适应.

右边宽度自适应

右边宽度自适应

右边宽度自适应

右边宽度自适应

右边宽度自适应

右边宽度自适应

「li1」&g t;右側の適応幅
< ;/li>
, >右側の適応幅
>
DIV+CSS レイアウト1 行 2 列、左の列は固定幅、右の列は最小幅を設定し、Firefox のテストに合格したときにスクロールバーを表示します。日々の苦労
並列共有 3 行、中央の行は 2 つの列に分割され、左側は固定幅、右側は適応型で、ウィンドウが小さい場合は行幅に最小値が設定されます。最小値にすると、レイアウトが乱雑にならないようにスクロールバーが表示されます。