javascript - main head .intro-text{width:40%} main head{display:flex}为何无效？
本文介绍了javascript - main head .intro-text{width:40%} main head{display:flex}为何无效？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Build a Personal Portfolio Webpage</title>
<link rel="stylesheet" href="./rule/bootstrap-Normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="main.css">
<style>
body{font-size:20px}
main{margin-top:80px;padding:30px 50px}
main head{display:flex}
main head .intro-text{width:40%}/# sourceMappingURL=main.css.map /
</style></head>
<body>
<header class="navbar navbar-inverse navbar-fixed-top">
<nav class="container">
<a class="navbar-brand navbar-text navbar-left" href="#">Free Code Camp</a>
<ul class="nav navbar-nav navbar-text navbar-right">
<li><a href="#">about</a></li>
<li><a href="#portfolio">portfolio</a></li>
<li><a href="#contact">contact</a></li>
</ul>
</nav>
</header>
<main class="container">
<header>
<div 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>
<span>
Web Developer - User Experience Designer - Graphic Artist
</span>
</div>
<img src="http://qlip.in/images/avatar.jpg" alt="666">
</header>
</main> </body>
</html>
/# sourceMappingURL=main.css.map /
解决方案
body {font-size:20px}
main {margin-top:80px;padding:30px 50px}
main header {display:flex}
main header .intro-text {width:40%}
是不是因为应该是header啊？？你写成了head。
这篇关于javascript - main head .intro-text{width:40%} main head{display:flex}为何无效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
