3回答

好帮手慕张

2021-03-02

已采纳

同学你好，由于同学粘贴的代码中没有清除默认样式，所以老师这边测试出现默认padding值，同学那里如果清除了默认样式代码效果就没有问题了。

祝学习愉快！

0

好帮手慕张

2021-03-02

同学你好，测试代码显示表单里面的元素超出了表单的宽度

检查元素可见input输入框宽度为508px

原因为：input框设置为500px，但是默认左右各有2px的padding值，所以加上设置的2px边框一共为508px，而form表单设置的宽度为504px，所以超出了form的宽度

修改为：将input框宽度设置为496px，这样加上边框和padding正好为504px，如下图：

​

祝学习愉快！

0

hcy_18

hp>

我这边看没有默认的padding值，这是为什么

h021-03-02

共1条回复

好帮手慕张

2021-03-02

同学你好，同学之粘贴了css样式代码，老师没办法进行测试，（上一次提交的代码骨架中没有表单相关的结构代码）建议同学将全部代码粘贴上来，方便帮助同学快速高效的测试检查代码。

祝学习愉快！

0

hcy_18

hp><!-- Banner区域 -->

    <div class="banner">

        <!-- 图片 -->

        <div class="banner-img">

            <img src="images/banner3.jpg">

        </div>

        <!-- 遮罩层 -->

        <div class="mask-layer">banner遮罩层</div>

        <!-- 表单 -->

        <div class="banner-form">

            <form action="" method="POST">

                <input type="text" placeholder="your Name">

                <input type="text" placeholder="your Phone">

                <input type="email" placeholder="your Email">

                <textarea cols="30" rows="10" placeholder="Write Your Comment Here"></textarea>

                <p>

                    <input type="submit" value="SEND MESSAGE">

                </p>

            </form>

        </div>

    </div>

h021-03-02

共1条回复