成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術文章
文章詳情頁

javascript - html <div>嵌套的<p>內容不顯示

瀏覽:144日期:2023-05-08 15:16:36

問題描述

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Build a Personal Portfolio Webpage</title> <link href='http://www.piao2010.com/wenda/css/bootstrap.min.css' rel='stylesheet'> <link rel='stylesheet' href='D:/web/rule/bootstrap-Normalize.css'> <link rel='stylesheet' > <link rel='stylesheet' href='http://www.piao2010.com/wenda/style.css'> <style type='text/css'>main header{background:#aaa;color: #fff;} </style></head><body> <header class='navbar navbar-inverse navbar-fixed-top'><p class='container'> <button type='button' data-toggle='collapse' data-target='#navbar' aria-expanded='false'><span class='sr-only'>Toggle navigation</span><span class='icon-bar'></span><span class='icon-bar'></span><span class='icon-bar'></span> </button> <nav role='navigation style=' height: 11px; '><ul class='nav navbar-brand navbar-left '>Free Code</ul><ul class='nav navbar-nav navbar-right '> <li class='scrollable '><a href='http://www.piao2010.com/wenda/4957.html#top '>About</a></li> <li class='scrollable '><a href='http://www.piao2010.com/wenda/4957.html#portfolio '>Portfolio</a></li> <li class='scrollable '><a href='http://www.piao2010.com/wenda/4957.html#contact '>Contact</a></li></ul> </nav></p> </header> <!-- end header--> <main><header> <p class='intro-text'><p> 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.</p><hr class='star-bright'> <<pseudo:after>></<pseudo:after>></hr><span class='skills'>Web Developer - User Experience Designer - Graphic Artist</span> </p></header> </main> <footer> </footer></body></html>

問題解答

回答1:

在你自己寫的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的。

回答2:

看到.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>...回答3:

先上一張圖:javascript - html <div>嵌套的<p>內容不顯示

瀏覽器打開審查元素,這個p的位置如圖,由于你頭部的header加了.navbar-fixed-top CSS 類,而這個類帶有position: fixed屬性,所以你的p元素被上面一個header元素蓋住了。

解決方法是,給下部main部分加上一個上邊距,等于頭部header的高度,這樣就可以把頭部header的位置空出來了,也就不會被頭部header擋住p元素了。

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

效果:javascript - html <div>嵌套的<p>內容不顯示

標簽: JavaScript
相關文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
日本vs亚洲vs韩国一区三区二区| 欧美午夜影院一区| 欧美最新大片在线看| 一区二区久久久| 亚洲高清在线观看一区| 日本一区二区高清| 97se亚洲国产综合在线| 欧美性受极品xxxx喷水| 97久久超碰国产精品| 欧美第一区第二区| 欧美一区二区三区在线观看视频| 日韩综合在线视频| 色婷婷亚洲精品| 蜜臀av性久久久久蜜臀av麻豆| 91国偷自产一区二区开放时间 | 日韩视频免费观看高清完整版在线观看| 日韩二区在线观看| 日本高清不卡视频| 久久99久国产精品黄毛片色诱| 欧美日韩国产首页| 国精产品一区一区三区mba桃花 | 亚洲制服欧美中文字幕中文字幕| 亚洲区一区二区三区| 亚洲精品ww久久久久久p站| 亚洲一区二区三区欧美| 婷婷亚洲久悠悠色悠在线播放| 麻豆精品91| 奇米四色…亚洲| 欧美丰满一区二区免费视频| 国产丶欧美丶日本不卡视频| 精品蜜桃在线看| 91美女在线看| 亚洲欧洲美洲综合色网| 99精品视频免费观看视频| 亚洲精品伦理在线| 久久久7777| 久久99精品久久久| 精品美女被调教视频大全网站| 99精品黄色片免费大全| 国产精品久久久久久久裸模| 99国产精品久久久久老师| 亚洲国产精品嫩草影院| 色香蕉成人二区免费| 国产一区二区视频在线| 亚洲精品一区二区三区影院 | 欧美午夜不卡在线观看免费| 国产福利一区二区三区在线视频| 欧美电影免费观看高清完整版在线观看| 不卡一区二区三区四区| 国产精品免费久久久久| 国产精品午夜av在线| 加勒比av一区二区| 久久综合九色综合欧美就去吻| 狠狠久久综合婷婷不卡| 一区二区三区国产精品| 欧美在线短视频| 成人美女视频在线看| 亚洲欧美怡红院| 久久久久91| 风间由美中文字幕在线看视频国产欧美 | 亚洲免费电影在线| 色偷偷成人一区二区三区91| 国产成a人亚洲精| 亚洲国产高清在线观看视频| 久久大逼视频| 高清av一区二区| 日韩理论电影院| 在线欧美日韩精品| 99视频国产精品| 一区二区三区中文在线| 欧美日韩你懂得| 欧美福利一区| 亚洲成av人综合在线观看| 欧美一区二区三区免费视频 | 日韩免费观看高清完整版在线观看| 欧美日韩精品久久| 午夜精品免费在线| 日韩三级视频在线观看| 亚洲国产电影| 国产在线国偷精品产拍免费yy| 国产精品传媒视频| 欧美日韩一区三区四区| 欧美日本亚洲韩国国产| 日韩精品成人一区二区在线| 精品成人私密视频| 国产精品一区免费观看| 国产福利精品导航| 夜夜揉揉日日人人青青一国产精品| 91精品国产品国语在线不卡| 亚洲黄色免费| 国产成人在线视频网站| 亚洲精品高清在线观看| 日韩一区二区三区电影在线观看 | 一本色道久久综合亚洲精品不卡 | 亚洲午夜影视影院在线观看| 欧美一区二区视频观看视频| 亚洲日本视频| 国产.欧美.日韩| 亚洲成人av电影| 国产无人区一区二区三区| 91福利社在线观看| 亚洲视频中文| 国产成人在线免费| 午夜精品久久久久| 国产亚洲精品久| 欧美理论在线播放| 国产精品乱子乱xxxx| 99久久精品免费看国产| 欧美aaa在线| 成人免费一区二区三区在线观看| 欧美日本一区二区三区| 亚洲一区观看| 欧美在线亚洲| 国产乱码精品1区2区3区| 亚洲午夜电影在线| 欧美国产禁国产网站cc| 欧美一区二区三区白人| 久久夜色精品| 亚洲二区免费| 成人禁用看黄a在线| 免费成人在线观看| 亚洲一区在线观看免费| 国产拍欧美日韩视频二区| 在线不卡中文字幕播放| 一本一道综合狠狠老| 激情综合亚洲| 91网站在线播放| 国产盗摄一区二区| 久久99久久精品欧美| 亚洲一卡二卡三卡四卡无卡久久| 国产欧美日产一区| 日韩西西人体444www| 精品视频资源站| 香蕉久久夜色| 欧美激情第六页| 成人午夜激情片| 久久99久久久久| 日韩精品午夜视频| 夜夜精品视频一区二区| 国产精品久久久久9999吃药| 久久一留热品黄| 欧美一区2区视频在线观看| 在线国产亚洲欧美| 久久国产一区| 国产免费成人| 一区二区欧美日韩| 亚洲精品乱码久久久久久蜜桃麻豆 | 国产精品久久久久久久久免费相片| 精品国产一区二区在线观看| 欧美欧美欧美欧美| 欧美性色欧美a在线播放| 免费国产一区二区| 国产精品婷婷| 国产欧美在线| 国产欧美日韩一区| 99热这里只有精品8| 黄色欧美成人| 国内精品久久久久久久果冻传媒| 91一区二区在线观看| 成人三级伦理片| 懂色一区二区三区免费观看| 国产一区二区三区在线观看免费| 免费xxxx性欧美18vr| 美女精品一区二区| 奇米影视7777精品一区二区| 免费成人av在线| 麻豆freexxxx性91精品| 午夜欧美在线一二页| 亚洲香肠在线观看| 调教+趴+乳夹+国产+精品| 婷婷综合在线观看| 日本sm残虐另类| 老色鬼精品视频在线观看播放| 蜜臀av性久久久久蜜臀aⅴ| 秋霞午夜鲁丝一区二区老狼| 日韩成人精品在线观看| 免费观看在线色综合| 美洲天堂一区二卡三卡四卡视频| 免费国产亚洲视频| 国产伦精品一区二区三区免费| 国产精品自拍av| www.久久久久久久久| 91看片淫黄大片一级在线观看| 91免费版在线看| 欧美日韩综合网| 亚洲人成久久| 香蕉久久国产| 欧美日韩黄视频| 欧美mv和日韩mv国产网站| 久久人人超碰精品| 国产精品三级在线观看| 亚洲男女一区二区三区| 亚洲成人激情综合网| 免费不卡在线观看| 国产一区二区三区蝌蚪| 成+人+亚洲+综合天堂| 欧美日韩一区二区高清| 亚洲高清在线播放| 久久久久国产精品一区二区| 色999日韩国产欧美一区二区|