使div保持在带有边距的父div中

 燕灬子78 发布于 2023-02-13 12:24

我一直在寻找解决这个问题,我没有看到一个很好的答案为什么会发生这种情况以及如何解决它...基本上我有一个div设置为100%的宽度和高度,里面我有一个标签部分就像在一个broswer上,我添加了一个边距和填充到主要区域,当我将标签div设置为全宽时,它会突出一些像素,是什么正确的方式来处理在播放%父母div时伸出的子div和边距/填充

AMAMAMAMAMAMA
AMAMAMA
.appview_fullscreen { width: 100% !important; height: 100%; background-color: black; color: white; font-size: 20px; margin: 0px; } .app_ama { } .main_area { border: 1px solid green; width: 100%; padding: 2px; margin: 0px; } .tabs_area { border: 1px solid green; height: 20px; width: 100%; }

演示:http://jsfiddle.net/S8RC3/

1 个回答
  • 只需100%DIV元素中删除即可.

    DEMO

    .main_area{
        /* width:100%; Why? I'm a DIV! */
        border: 1px solid green;
        padding: 2px;
        margin: 0px;
    }
    .tabs_area{
        /* width:100%; Why? I'm a DIV! */
        border: 1px solid green;
        height: 20px;
    }
    

    作为块级元素的DIV 已经很宽,因为它是父容器.

    另外你有一个错字:</br>应该是<br />,<br/><br>

    2023-02-13 12:28 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有