Html 找到容器的宽度

Html 找到容器的宽度,html,css,Html,Css,我在这里与一位朋友进行了讨论,可以看到一个例子。容器的宽度是否为500px或580px?我们所说的内容是指横幅图片的侧面,以及贯穿文本的一条直线 我们查看了检查窗口,但找不到宽度应该在哪里 该网站是在表格中创建的,因为设置是为电子邮件时事通讯 设置宽度的示例在html中: <!-- Top Picture Start --> <table class="row background-color__blue"> <tr> <td c

我在这里与一位朋友进行了讨论,可以看到一个例子。容器的宽度是否为
500px
580px
?我们所说的内容是指横幅图片的侧面,以及贯穿文本的一条直线

我们查看了检查窗口,但找不到宽度应该在哪里

该网站是在表格中创建的,因为设置是为电子邮件时事通讯

设置宽度的示例在html中:

<!-- Top Picture Start -->
<table class="row background-color__blue">
    <tr>
        <td class="center img-position" align="center">
            <center>
                <table class="container">
                    <tr>
                        <td class="wrapper last">
                            <table class="twelve columns">
                                <tr>
                                    <td>
                                        <a class="remove-banner-space" href="http://google.dk"><img width="580" height="300" src="http://d21vu35cjx7sd4.cloudfront.net/dims3/MMAH/crop/586x293%2B0%2B95/resize/580x290%5E/quality/90/?url=http%3A%2F%2Fs3.amazonaws.com%2Fassets.prod.vetstreet.com%2F4a%2Ff0%2Fc29d3f434ae6abd19f5433140124%2Fborder-collie-AP-XO4EXW-590sm52314.jpg" alt="Test" /></a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </center>
        </td>
    </tr>
</table>
<!-- Top Picture End -->

在浏览器工具/检查器中(至少在Firefox中)有一个名为“计算”的选项卡(不确定确切的英语术语,因为在我的例子中,它是另一种语言)。这显示了计算出的(即实际)宽度,以及所有加起来的内容:边距、边框、填充、内部宽度-CSS框模型的良好表示。

它是580px。。。如果您在开发工具中高亮显示该元素,然后在浏览器窗口中查看,它应该在该元素周围绘制一个框,并显示高度/宽度。谢谢您的回答,当我用fx高亮显示图片时,我可以看到宽度。但是有没有办法看到容器的宽度呢?啊,我发现了。从table.container继承。谢谢,这取决于箱壁的属性。请在此处阅读:
table.container {
            background: #fefefe;
            width: 580px;
            margin: 0 auto;
            Margin: 0 auto;
            text-align: inherit;
        }