-
盒子模型的尺寸查看全部
-
追加的元素在原本的content的元素后空格写入即可查看全部
-
3d的盒子模型查看全部
-
标准文档流 从上到下，从左到右，输出文档内容 由块级元素和行级元素组成 块级元素 从左到右撑满页面，独占一行，触碰到边缘时，会自动换行 块级标签：div、ul、li、dl、dt、p…… 行级元素：能在同一行内显示 行级标签：span、strong、img、input查看全部
-
CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。 css中position属性有四种：static（正常文档流）、relative（相对定位）、absoulute(绝对定位)、fixed（固定定位）。查看全部
-
#mainbody{position:relative; margin-top:15px;} #left{float:left; width:110px; } #mid{margin-left:123px;width:650px;border:1px solid #999;} #right{position:absolute;top:0;margin-left:777px; border:1px solid #999;}查看全部
-
(float和position的理解) float:1.仍在标准文档流中。2.若未设置width，宽度大小随内容大小变化。3.影响紧随其后的一个元素（可能影响其父元素,用width：100%+overflow:hiddle;或clear:both；清除浮动）。 relative:1.仍在标准文档流中。2相对自身最初位置偏移。3.有偏移属性和Z轴，会遮盖其他元素。4.宽度不随内容大小改变。 absolute:1.脱离标准文档流。2.以最近的、设置了定位的父包含块定位；若无，以<html>元素定位。3.有偏移属性和Z轴。4.若未设置width，宽度大小随内容大小变化查看全部
-
当父元素和子元素都没有定义宽度的情况下实现水平居中： display:inline-block 可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。 HTML代码: <div class="navbar"> <ul> <li><a href="/">Home</a></li> … </ul> </div> CSS代码: .navbar { text-align:center; } .navbar ul { display:inline-block; } .navbar li { float:left; } .navbar li + li { margin-left:20px; } IE系列IE8+支持，要IE7 IE6 支持需要加入以下代码使display:inline像display:inline-block一样 复制代码代码如下: .navbar ul { *display:inline; *zoom:1; } position:relative 使用position:relative与float相结合的技巧及其浮动和定位参照物的关系，这个技巧需要两个父元素，一个用来定位而另外一个用来避免出现滚动条。 IE7下需要加入下列代码支持： .navbar { position:relative; } display:table 如果向使用极少的标签实现，这个方法是个不错的选择。 不支持IE7及一下浏览器，其他的主流浏览器都支持。 display:inline-flex 这个方法需要使用 flex-layout 的知识。 使用CSS fit-content 值 下面看看如何用fit-content创建一个包含子元素浮动的未知宽度的导航。查看全部
-
你如果直接设置margin-top：0px 此时因为content处在sidebar下面 所以这句代码的意思是content的上界和sidebar保持0px的距离 但是设置top：0px的意思是在绝对定位中content相对于其父元素mainbody的上界保持0px的距离 那么此时自然就紧贴于mainbody的顶部了 总而言之 设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素查看全部
-
absolute实现两列布局的适应情况 常用于一列固定宽度，另一列宽度自适应的情况 主要技能: 1.relative 父元素相对定位 2.absolute 自适应宽度元素绝对定位 注意:固定宽度列的高度＞自适应宽度的列 固定宽度充当柱子，将其父元素支撑起来，不至于让自适应宽度列内容溢出查看全部
-
@清除浮动的常用两种方法 设置了float 浮动，元素脱离文档流，但是元素中的内容是在文档流中的。 当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化（没内容时直接缩到浮动的那一边，看不见了）。 当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素。 Ps1：空标签无意义，不建议使用此方法清楚浮动。 Ps2：当父包含块缩成一条时，用clear：both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动。所以设置父的overflow:hidden。 Ps3：div块的高度一般不需要设置，这样高度就会随着内容自动扩展。若设置了高度，又设置了overflow：hidden，当内容超过高度的时候，就无法正常显示了。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：28554482，互相学习，共同进步！】查看全部
-
width:100%;overflow:hadden;查看全部
-
当绝对定位设置了偏移量 无已定位祖先元素时以<html>为偏移参照基准 有已定位祖先元素时以距其最近的已定位祖先元素为偏移参照基准。查看全部
-
绝对定位未设置偏移量 无论是否存在已定位祖先元素，都保持在元素初始位置，并且脱离了标准文档流。查看全部
-
绝对定位的特点： 建立了以父包含块为基准的定位 完全脱离了标准文档流 对兄弟元素不造成任何影响 随即拥有偏移属性和z-index属性查看全部
举报
0/150
提交
取消