新手关于简单HTML框架和CSS的问题
小白初试html。我写了一个简单的包含上部、左部，主体内容的框架。我的思路是这样子的：①其中上部、左部写在同一个index.html里面。②通过点击左部不同的<a>标签，...
小白初试html。我写了一个简单的包含上部、左部，主体内容的框架。我的思路是这样子的：①其中上部、左部写在同一个index.html里面。②通过点击左部不同的<a>标签，在index.html的主体内容中插入不同内容的html代码段，实现上部、左部不变动的前提下，让主体呈现不同内容。现有困惑如下：按照我的思路实测页面正常，可以点击左部不同的选项跳转到不同的主体页，但是主体页（是一串<div>片段）却不受index.html的CSS的渲染。（看我附图可能有助于理解）求教问题是：当我点击左部，程序插入的DIV片段后，如何让DIV片段可以再次被index.html引用的所渲染？或是大神有更换的解决办法，望不吝赐教。附上代码如下（为助于阅读，我删除掉部分非关键片段）：index.html :<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div仿框架布局</title> <link rel="stylesheet" href="assets/css/sweetalert2.min.css"> <style type="text/css"> *{margin:0; padding:0; list-style:none;} html,body { height:100%; overflow:hidden;} .panel{position:absolute;top:0px;right:0px;bottom:0px; left:0px;} .top {height:50px;} .left {top:50px; width:120px;} .main {left:250px; top:50px;} .panel iframe {width:100%; height:100%;} </style> </head> <body> <div class="panel top">顶部内容</div> <div class="panel left"> <a href="内容页1.html" target="main">内容1</a> <a href="内容页2.html" target="main">内容2</a> </div> <div class="panel main" > <iframe name="main" frameborder="0" src="内容页1.html"></iframe> </div> </body></html>主题页1.html<div class="main1">测试<div>
展开
1个回答
展开全部
框架里的页面是不应用父页的样式的，
你需要在1.html里引用，或者写在1.html里，那样样式才会在1.html起作用。
你需要在1.html里引用，或者写在1.html里，那样样式才会在1.html起作用。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
