开发者社区> 问答> 正文

宽度足够的时候元素还是被挤下去了

screenshot

html

<div class="service">
    <div class="ser_title"></div>
    <!-- ser_title -->
    <div class="ser_content">
        <div class="ser_left li">
            <div class="ser_item">
                <img src="images/ser_web_ic.png">
                <h1>Web Design &amp; Development</h1>
                <span>ISAMA Pvt. Ltd. designs and develops creative websites utilizing the latest technologies.</span>
            </div>
        </div>
        <!-- ser_left -->
        <img src="images/service_bg2.jpg" class="ser_pic">
        <div class="ser_right ri">
            <div class="ser_item">
                <img src="images/ser_mob_ic.png">
                <h1>Mobile Applications</h1>
                <span>Our Developers helps you to Design, Develop &amp; Distribute Mobile Applications - Smarter &amp; Faster.</span>
            </div>
        </div>
        <!-- ser_right -->
    </div>
    <!-- ser_content -->
</div>

css

.service{
    height: 950px;
    width: 1400px;
    margin: 0 auto;
}
.ser_title img,.ser_item img{
    float: left;
    padding-right: 35px;
    padding-bottom: 70px;
    text-align: center;
    vertical-align: middle;
}
.ser_content{
    margin: 0 auto;
    width: 1400px;
}
.ser_left{
    margin-left: 140px;
}
.ser_pic{
    margin:80px 40px 0px;
}
.ser_item{
    height: 90px;
    margin-top: 100px;
    width: 500px;
}

展开
收起
杨冬芳 2016-06-02 08:41:57 1999 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

    图片没有设置浮动

    2019-07-17 19:23:52
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载