<div class="n_2_1_3">
<div class="oringetitle">教育培训</div>
<div class="content">
<div class="list">职称资格</div>
<div class="list">注册会计师</div>
<div class="list">注册税务师</div>
<div class="list">会计电算化</div>
<div class="list">会计基础培训</div>
<div class="list">学习动态</div>
</div>
</div>
.n_2_1_3{width:409px; height:80px; float:left; margin-left:27px; margin-top:5px; display:inline;}
.oringetitle
{
width:409px;
height:20px;
float:left;
font-family:"宋体";
font-size:14px;
color:#FF0000;
font-weight:bolder;
line-height:20px;
text-align:left;
}
.n_2_1_3 .content
{
width:409px;
height:30px;
float:left;
margin:0px;
font-family:"宋体";
font-size:14px;
line-height:20px;
text-align:left;
}
.list
{
width:auto;
height:30px;
line-height:20px;
font-size:12px;
float:left;
clear:none;
padding-left:18px;
margin-right:3px;
background-image:url(../images/n_13.jpg);
background-repeat:no-repeat;
display:inline;
}
为元素设定的宽度和高度决定了元素的边框盒。 就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
今天在看代码的时候，发现div里的文字不在div里，无法理解，搜索了一下午的资料后，终于理解了。...第三个div的文本被浮动元素最下面显示，但是div本身还是在最上面的。 参考： [https://segmentfaul...
在项目开发中，遇到一个问题，布局分上中下三个级，上面放form表单中的操作按钮等，中间...这样做的缺陷是当窗口缩小后，高度超出了原定的高度，元素高度不够就被挤下去了，解决方式就是使用属性：display:flex;该布...
*{ padding:0; margin:0; } .left{ background: red;...\<div class="wrap"> ... \<div class="left">abcddddd</div> ... \<div class="right">bddd</div> ...\</div> ...为什么我这里右边的这个div没有被挤下去？
解决方法：box-sizing:border-box;向带边框的div添加该css属性后，div不被挤下解释：https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing
元素宽度够，却被挤下去 问题：在写搜索框和搜索框图标时，宽度够却图标却始终被挤下去。 原因：当使用两个内联块元素时,代码中换行，会产生间距 <div class="zl_search r"> <input type="text" ...
Firefox下网页缩放时防止div被挤到下一层 问题：三个div，一个div中包含两个浮动带有border边框的div；且样式设计中保证两个div全部宽度之和等于外层div的宽度。在火狐下缩放网页显示比例小于100%时，会导致右边...
转载自：http://jartto.wang/2019/10/23/css-theory-and-optimization/作者：Jartto推荐理由：由浅入深，鞭辟入里。提起 CSS 很多童鞋都很不屑，尤其是看到 RedMonk 2019 Programming Language Rankings 的时候，CSS...
放弃在css里添加，直接在div里添加 style=“display: none;”
当元素的高度各不相同时并且设置了浮动，页面展示如下： flex布局瀑布流布局瀑布流动态加载图片 flex布局 红框所画图片在第一行放不下，属于第二行的元素，但是由于浮动的特性，导致它出现在了这个位置，如果想让...
怎么设置才能在浏览器缩放时不挤下去呢？ 登录和图标是一个大div包着的 都只设置了固定大小，没设置margin，position那些 !...
一个div盖住另外一个div，被盖住的那个div里面的一个子元素要盖住那个div 例如： div.a盖住div.b，div.b img盖住div.a
例如：div.a盖住div.b，div.b img盖住div.a
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ... body {
这个问题之前也遇到过，这次是在写一个vue项目中的头部组件发现的，最外层div给设置了width100%，头部布局是分左中右三部分，直接用的浮动布局，因此当我缩小屏幕宽度的时候，中间导航栏就被挤到下面，因为缩小后的...
如图，点击一个框就出现他的解释说明，解释说明都是同一个div，css都一样，点击左边的出现的说明的背景图就是凹槽在左边，然后中间的就是在中间，都是换个背景图的问题，我现在做出来不管点击哪一排的出现的说明div...
Flex 意为 “弹性布局”，是一种在开发静态页面过程中常用的布局模式。 开发购物车使用flex布局的时候遇到的一种场景： 具体如图所示， 当商品名称超出两行文字时显示省略号， 但是使用flex布局， 占位较多的子元素...
<div class="div1"> <div class="div2"> </div> <div class="div2"> 哈哈哈 </div> </div> ``` 在.div2的CSS里加入{overflow:hidden;}可以解决安卓设备的chrome和PC上的浏览器，但是在苹果...
``` <!... ... div.main{width: 90%;... div.child1{display: inline-block;... div.child2{display: ... <div class="main"><div class="child1">这里有内容就会下滑</div><div class="child2"></div></div> ```
<html> <head> <style> #test *{vertical-align:...div id="test"> <img src="http://127.0.0.1:7001/wsc/images/message.png"/&am
<div class="post-text" itemprop="text"> <p>I'm trying to hide chat widget and wanted to only popup when a button is click. But it seems the chat widget is always persistent even if you put this ...
<div style="width:380px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;"> </div>
今天是第一次写博客，我也是今年刚毕业，目前是webgis开发岗位。写一下博客也是想记录一下踩过的坑 顺便分享给有需要的小伙伴们。 今天做项目，需求是修复一下主页鼠标移动中，左下方坐标栏文字消失的bug ...
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，他们被渲染在客户区的绘画表面上，而select是使用的标准windows控件，只是...
情景 在了解可以通过设置display：inline-block会将块级元素拥有inline元素一行排列的特性，那么我们可能想要通过将li的display属性设置为inline-block来实现块级元素的行排列，这时候你可能说通过设置浮动float就...
一、让一个元素水平垂直居中，到底有多少种方案？水平居中 对于行内元素: text-align: center; 对于确定宽度的块级元素： width和margin实现。margin: 0 auto; 绝对定位和margin-left: -width/2, 前提是父元素...
解决方法很简单， 就是使用 flex-shrink 属性； flex-shrink 属性定义了项目的缩小比例，默认为1 即如果空间不足，该项目将缩小，它还有另外一个值，...flex-shrink：0 ，那么当前元素就不会被其他子元素挤压 ...
1. 什么是DIV ？(块元素） 作用 ： 一般用于配合CSS完成网页的基本布局。 2. 什么是SPAN ？（行内元素） 作用：一般用户配合CSS修改网页中的一些局部信息。 3. div 和 span 的区别 1. div 会单独的占领一行，...
在我们书写html代码的时候，为了便于阅读，标签与标签之间常用空格、换行隔开，但是在IE8以后的浏览器包括现在的Chrome、opera等浏览器中，把节点与节点之间的空白符（即空格和换行）也视为文本节点。...
notepad++是一个免费的、开放源码的文本和源代码编辑器。notepad++是用c++编程语言编写的，它以减少不必要的功能和简化过程而自豪，从而创建了一个轻便高效的文本记事本程序。实际上，这意味着高速和易访问的、用户友好的界面。 notepad++已经存在了将近20年，没有任何迹象表明它的受欢迎程度会下降。记事本绝对证明了你不需要投资在昂贵的软件来编写代码从舒适的自己的家。自己尝试一下，你就会明白为什么Notepad能坚持这么久。
