zoukankan      html  css  js  c++  java
  • 双倍边距问题

    如果你同时设置元素向一侧浮动和外边距,你会很吃惊的发现,你的布局总不能够如人所愿。原来这是IE 6及其以下版本的双倍边距问题。

    试验:

     

    <style type="text/css">

    body {/* 清除页边距 */

        padding:0;                          /* 清除标准浏览器页边距 */

        margin:0;                          /* 清除IE页边距 */

    }

    div {/* 公共样式 */

        margin-left:50px;                         /* 左侧外边距 */

        200px;                            /* 宽度 */

        height:100px;                            /* 高度 */

        border:solid 1px red;                      /* 边框 */

    }

    .box2 {

        float:left;                                /* 向左浮动 */

    }

    </style>

    <div class="box1">参考元素</div>

    <div class="box2">浮动元素</div>

    看看效果

     

    此类问题的解决比较简单,你只需要在浮动元素中增加display:inline;规则即可。

    .box2 {

        float:left;                                /* 浮动显示 */

        display:inline;                     /* 行内显示 */

    }

  • 相关阅读:
    oracle中常用的函数
    请求转发和URL重定向的原理和区别
    servlet的生命周期和servlet的继承关系
    Jdbc来操作事物 完成模拟银行的转账业务
    Map的嵌套 练习
    正则表达式练习
    学习 day4 html 盒子模型
    学习day03
    学习day02
    学习day01
  • 原文地址:https://www.cnblogs.com/luluping/p/1342577.html
Copyright © 2011-2022 走看看