会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题
WEB前端全系列/第一阶段:HTML5+CSS3模块/商城官网项目 256楼


小米官网实战.rar

你好 老师 那个slide不是应该定位到wrap 吗不知道为什么给定到黑色导航去了

WEB前端全系列/第一阶段:HTML5+CSS3模块/商城官网项目 257楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS常用属性 258楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS常用属性 259楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS常用属性 260楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS盒子模型 263楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/商城官网项目 264楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/商城官网项目 265楼

你好老师,我这除了h3已经设置高度的,其他内容怎么撑不开高度显示不出来呐

<div class="content">

        <div class="wrap">


        <!-- 手机模块开始 -->


            <div class="phone">

                <h3 class="title">手机</h3>

                <div class="phone-box">

                    <div class="phone-box-left">

                        <a href="#"><img src="./images/phone_left.jpg" alt=""></a>

                    </div>

                    <div class="phone-box-right">

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                        <div class="item">

                            <a href="#">

                                <img src="./images/phone-right.jpg" alt="" class="item-img">

                                <p class="item-name">小米10至尊纪念版</p>

                                <p class="item-desc">120X 变焦/120W秒充/120Hz屏幕</p>

                                <p class="item-price">5299元起</p>

                            </a>

                        </div>

                    </div>

                </div>

                <div class="big-img">

                    <a href="#">

                        <img src="./images/phone_ad.jpg" alt="">

                    </a>

                </div>

            </div>


        <!-- 手机模块结束 -->


        </div>

    </div>



/* 主体开始 */


    .content{

        width: 100%;

        background: #f5f5f5;

        overflow: hidden;

        padding: 4px 0 12px;

    }


    .title{

        font-size: 22px;

        color: #333;

        text-align: left;

        font-weight: 200;

        line-height: 58px;

    }


image.png



WEB前端全系列/第一阶段:HTML5+CSS3模块/商城官网项目 266楼


下拉列表效果.rar

老师我已经检查好几遍了 为什么效果出不来

WEB前端全系列/第一阶段:HTML5+CSS3模块/浮动与定位 267楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 268楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5新增元素 269楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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