• CSS 样式仅针对特定 div 脱机工作（css样式定义后只能在当前页面中使用）
• 20190113 学习日记什么是 Div,DIV+CSS 布局是什么
• unvalid,

  OK
• CSS set div’top’with jquery from div’height’
• css – ‘div .class’,’.class’和’.class div’之间的差异

CSS 样式仅针对特定 div 脱机工作（css样式定义后只能在当前页面中使用）

如何解决CSS 样式仅针对特定 div 脱机工作

我正在嵌入一个代码编辑器（来自 Codejar），一切都很好，直到我在线尝试为止，除了文本编辑器 div 之外，所有 CSS 都运行良好。我认为即使所有文件都正确上传，此 div 的 CSS 样式不再适用...

<divid="editeur" data-gramm="false"> **Sample code** import {CodeJar}... </div>

顺便说一句

How it shows Offline

How it shows Online

样式是 .editor 类下的 main.css 文件的一部分，只有当我在 html 页面上编写内联样式时，我才能使其在线工作..

不要认为问题来自 CSS 文件本身，但无论如何：

.editor {
width: 100%;
color: #fff;
background: #272822;
border-radius: 0px;
Box-shadow: 0 2px 2px 0 rgba(0,0.14),0 1px 5px 0 rgba(0,0.12),0 3px 1px -2px rgba(0,0.2);
font-family: monospace;
font-size: 14px;
font-weight: 700;
min-height: 240px;
letter-spacing: normal;
line-height: 20px;
padding: 55px;
tab-size: 4;}

我认为这可能来自链接 css 文件的 html 代码（是的，链接的文件已正确上传）：

    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/svgicons.css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link rel="stylesheet" href="prism/themes/prism-darcula.css">
    <style>
    @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300&family=PT+Mono&display=swap");
    </style>

谢谢！

解决方法

20190113 学习日记什么是 Div,DIV+CSS 布局是什么

（图片来自网络）

Div 全称 division ，有‘分开，分隔’的意思，是用来分块的，再复杂的 html 网页都是由 div (块) 组成的，也可以说 div 把网页划分成若干份。DIV 本身也是容器，可以容纳各种代码。

div+css 布局是一种网页的布局方法，是目前应用最广泛的网页布局方法。div css 布局是把网页用 div+css 布局后，将网页的内容（div）与表现（css）分离，使代码更简洁，有利于用户体验。另外还有一种网页布局方法，那就是表格（table）布局，这种布局内容和表现混合在一起，不利于优化和用户体验。

unvalid,

OK

<div /> is not a valid markup. A self-closing tag is not permitted.

You need to use the full version <div></div>.

A self closing div tag would make no sense, since it will result in an empty div. An empty div is usually not rendered by most of the browsers.

CSS set div’top’with jquery from div’height’

<script type="text/javascript">
    $("#footer").top($("#text").height());
    </script>

$('#footer').css('top',$('#text').outerHeight() + 'px');

$("#footer").css('top',$("#text").height() + "px");

css – ‘div .class’,’.class’和’.class div’之间的差异

今天关于CSS 样式仅针对特定 div 脱机工作和css样式定义后只能在当前页面中使用的分享就到这里，希望大家有所收获，若想了解更多关于20190113 学习日记什么是 Div,DIV+CSS 布局是什么、