老师批改里有句话看不懂。

老师批改里有句话看不懂。


588052080001d77302710044.jpg

5880520d000182e405000182.jpg

这是什么意思,是要对齐还是要设置三个input宽相等?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
提问者 银白色暴风雪 2017-01-20 15:51:49

.contact_us {

    width: 1425px;

}

.contact_us > form {

    width: 1000px;

    height: 500px;

    margin: auto;

}

.contact_us > form > .name {

    float: left;

    width: 480px;

    height: 50px;

    margin-top: 50px;

    border: solid;

    border-width: thin;

    border-color: #b1b2b1;

}

.contact_us > form > .email {

    float: right;

    width: 480px;

    height: 50px;

    margin-top: 50px;

    border: solid;

    border-width: thin;

    border-color: #b1b2b1;

}

.contact_us > form > .message {

    width: 100%;

    height: 200px;

    margin: 15px auto 20px;

    resize: none;

    border: solid;

    border-width: thin;

    border-color: #b1b2b1;

}

.contact_us > form > .submit {

    font-size: 18px;

    display: block;

    width: 180px;

    height: 50px;

    margin: auto;

    color: #fff;

    background-color: #f46208;

}

.contact_us > form > .submit:hover {

    cursor: pointer;

}


http://img1.sycdn.imooc.com/climg//5881c1840001a9c911700660.jpg


卡布琦诺 2017-01-19 14:23:55

信息表单的宽度=邮箱表单的宽度+姓名表单的宽度+邮箱和姓名表单之间的距离(边距),祝学习愉快!

  • 提问者 银白色暴风雪 #1
    我给form设了宽度1000px,姓名表单480px左浮动,邮箱表单480px右浮动,这样中间是空40px,然后我的message表单宽度100%,这样可以吧。
    2017-01-19 14:49:59
  • 卡布琦诺 回复 提问者 银白色暴风雪 #2
    但是要注意算上边框的宽度哦~
    2017-01-20 09:14:22
  • 提问者 银白色暴风雪 回复 卡布琦诺 #3
    什么意思·?
    2017-01-20 12:00:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师