为什么中间左右分栏的内容区域设置的是固定宽度值也会随窗口进行缩放?

来源:3-3 表格布局(2)

慕码人4283470

2020-03-20 07:52:57

<table width="100%">  <!--让盒子大小跟随窗口调整-->

            <tr>
                <td bgcolor="#000000" height="80px"></td>    <!--页眉,设置背景颜色,高度80像素-->
            </tr>
            <tr>
                <td height="15px"></td>    <!--上空行-->
            </tr>
            <tr>
                <td bgcolor="#666666" height="900px"></td>   第一内容
            </tr>
            <tr>
                <td></td>   第二内容主体
            </tr>
            <tr>
                <td width="1024px">   
                    <table align="center">   <!--嵌套表格进行一行两列布局-->
                        <tr>
                            <td bgcolor="#B22222" width="240px" height="500px"></td>   <!--左内容-->
                            <td width="20px"></td>   <!--空隙-->
                            <td bgcolor="#FF0000" width="764px" height="500px"></td>   <!--右内容-->
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td bgcolor="#666666" height="500px"></td>    第三内容
            </tr>
            <tr>
                <td height="15px"></td>    <!--下空行-->
            </tr>
            <tr>
                <td bgcolor="#008000" height="150px"></td>    <!--页脚,设置背景颜色,高度150像素-->
            </tr>
        </table>

写回答

1回答

好帮手慕夭夭

2020-03-20

同学你好,因为表格宽度是100%,会随着窗口缩小而缩小。而表格中的单元格如果大于表格的宽度,那么设置的宽度就会失效。触发单元格里面的内容宽度是固定的,那么才能把单元格给撑开。如下:

http://img.mukewang.com/climg/5e745d7f09dbab4509790239.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程