今天完成的事

1.架构按钮部分

<div class="div4-b">
    <input type="button" value="下一步" name="t" class="">
</div>

2.添加样式

.div4-b {
    display: flex;
    background-color: white;
    width: 100%;
    border:1px solid rgb(231,231,231);
}
.div4-button {
    margin: 100px auto !important;
    padding: 4px 40px;
    color: white;
    background-color: rgb(227,79,79);
    border: 0 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;: ;
}

3.设定footer上外边距

margin-top: 100px;

4.学习bootstrap下拉菜单类的使用

5.简单架构下拉菜单架构

<div class="dropdown">
    <a class="dropdown-toggle" href="#" role="button" id="drop" data-toggle="dropdown"
        aria-haspopup="true" aria-expanded="false">
        查看详情</a>
    <div class="dropdown-menu" aria-labelledby="drop">
        <a class="dropdown-item" href="#">对口箱</a>
        <a class="dropdown-item" href="#">飞机盒</a>
        <a class="dropdown-item" href="#">天地盖</a>
    </div>
</div>

明天的计划

1.完善下拉菜单的架构样式

2.添加其他部分的下拉菜单

3.添加完善确定尺寸部分的输入表单

4.调整完善在移动端模式下页面的布局

5.尝试提交任务10

6.按照任务要求学习JS的一些知识

遇到的问题

1.下拉菜单点击之后没有反应 不知道是不是没有引用bootstrap的JS文件的缘故

今天的收获

1.对于的flex与block的不同的特性有了更多的理解

2.对于input不同属性的使用理解提高