会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 134267个问题

一、老师,这是这个周的是操作业,我遇到的问题是 middle2 达不到作业的要求,没有紧贴盒子底部
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box1{
            width: 100%
            height: 50px;
            background-color: blue;
        }
        .wrap{
            width: 700px;
            height: 50px;
            margin: 0 auto;
            background-color: cadetblue;
            padding-top: 10px;
        }
        .box2{
            width: 700px;
            height: 100px;
            background-color: cadetblue;
            margin: 10px auto 0px auto;
            padding-top: 20px;
        }
        .box3{
            width: 700px;
            height: 20px;
            background-color: gray;
            margin: 0 auto;
        }
        .box4{
            width: 700px;
            height: 40px;
            background-color: green;
            margin: 0 auto;
            padding-top: 50px;

        }
        .box5{
            width: 700px;
            height: 250px;
            background-color: gray;
            margin: 0 auto;
            margin-top-40px;

        }
        .box6{
            width: 700px;
            height: 20px;
            background-color: dodgerblue;
            margin: 10px auto 0px auto;
        }
        .no1{
            padding-left: 50%;
            padding-right: 50%;
        }
        .no2{
            padding-left: 50%;
            padding-right: 50%;
        }
        .no3{
            padding-left: 50%;
            padding-right: 50%;
        }
    </style>
</head>
<body>
    <div class="box1">
        <div class="wrap"><span class="no1">top1</span></div>
    </div>

    <div class="box2" ><span class="no2">middle1</span></div>
    <div class="box3"></div>
    <div class="box4" ><span class="no3">middle2</span></div>
    <div class="box5"></div>
    <div class="box6"></div>
</body>
</html>


image.png



WEB前端全系列/第一阶段:HTML5+CSS3模块/初识CSS 121楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 122楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 123楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 124楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 125楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS选择器 126楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/前端入门与基础知识 127楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS选择器 129楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/响应式项目 130楼

<body>
    <table border="1" cellspacing="0" align="center" width="500" height="300">
        <tr align="center">
            <td colspan="4">教员搜索</td>
        </tr>
        <tr>
            <td>搜索类型</td>
            <td>
                <select>
                    <option value="title">搜索教员信息</option>
                    <option value="java">JAVA</option>
                    <option value="web">WEB</option>
                    <option value="python">pythone</option>
                </select>
            </td>
            <td>教员身份</td>
            <td>
                <select name="" id="">
                    <option value="title">不限</option>
                    <option value="gj">高级讲师</option>
                    <option value="zj">中级讲师</option>
                    <option value="cj">初级讲师</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td>
                <select name="" id="">
                    <option value="title">不限</option>
                    <option value="beijing">北京</option>
                    <option value="shanghai">上海</option>
                    <option value="xian">苏州</option>
                </select>
            </td>
            <td>性别</td>
            <td>
                <input type="radio" name="sex" value="男">男
                <br />
                <input type="radio" name="sex" value="女">女
            </td>
        </tr>
        <tr>
            <td>学习科目</td>
            <td colspan="3">
                <select name="" id="">
                    <option value="title">请在以下列表中选择</option>
                    <option value="beijing">java</option>
                    <option value="shanghai">web</option>
                    <option value="xian">python</option>
                </select>
            </td>

        </tr>
        <tr>
            <td>学习</td>
            <td colspan="3">
                <input type="text" placeholder="请输入要学习的内容"> 
            </td>
        </tr>
        <tr>
            <td>专业</td>
            <td colspan="3">
                <input type="search" placeholder="请输入要学习的内容"> 
                <button>搜索</button>
            </td>
        </tr>
    </table>
</body>

image.png

WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 131楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS盒子模型 132楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/浮动与定位 133楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS盒子模型 134楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637