javascript - html <div>嵌套的<p>内容不显示
给我你的怀抱
给我你的怀抱 2017-06-28 09:23:59
[JavaScript讨论组]




    
    Build a Personal Portfolio Webpage
    
    
    
    
    



    
    
    

Front-End Developer and UX/UI designer, with practical experience in project management, branding strategy, and creative direction; devoted to functional programming and information architecture.


<>> Web Developer - User Experience Designer - Graphic Artist

给我你的怀抱
给我你的怀抱

全部回复(2)
三叔

在你自己写的style里

<style type="text/css">
        main header{
        background:#aaa;
        color: #fff;
        }
    </style>

加上 margin-top:50px;

<style type="text/css">
        main header{
        background:#aaa;
        color: #fff;
        margin-top:50px;
        }
    </style>

因为你的头部是position fixed的。

学习ing

看到.navbar-fixed-top的position是fixed,所以<main>元素感知不到其存在被排到页面最上面,被.navbar-fixed-top遮盖掉了。

你可以把<header class="navbar navbar-inverse navbar-fixed-top">用一个<p>包裹起来,将这个p的height设置成和<header>的height一致,从而把下面的<main>元素挤下去。

...
<p style="height: 51px;">
    <header class="navbar navbar-inverse navbar-fixed-top">
        ...
    </header>
</p>
...
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号