/* 头部广告条样式开始 
定义和浏览器一样宽的宽度,定义高度,如有溢出进行隐藏
利用相对定位*/
.header{
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
}
/* 定义高度,使用绝对定位,居于中间 */
.header img{
    height: 120px;
    /* 图片,以中间开始渲染 */
    position: absolute;
    margin: 0 auto ;
    /* translateX () 函数表示在二维平面上水平方向移动元素 
    即向左平移50%的距离*/
    transform: translateX(-50%);
}
/* 头部广告条样式结束 */

老师,我是用

   margin: 0 auto ;

这个也是达到居中的效果,不过有个疑问,margin和left,哪个是更好一些呢?还是说哦只要效果一样就行啊?

image.png

相关课程:WEB前端全系列>第一阶段:HTML5+CSS3模块>商城官网项目>商城官网_分析与顶部广告

课程分类

百战程序员微信公众号

百战程序员微信小程序

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