-
盒子模型 总是爱记不住 外边距-margin 外贸 这样就好多了查看全部
-
行级元素的特点查看全部
-
什么是块级元素查看全部
-
标准文档流的特点查看全部
-
CSS的三种定位机制查看全部
-
W3C标准：倡导的是结构、行为、样式的分离查看全部
-
Mark查看全部
-
.footer{ background-color:#C8F847; width:770px; height:30px; } .content_2_1{ background-color:#9DA6FB; width:70%; float:left; } .content_2_2{ background-color:#F5EA9F; width:30%; float:right; } <!-- //我是狗日的企鹅--> <div> <div class="header">1</div> <div class="content_2"> <div class="content_2_1">2-1</div> <div class="content_2_2">2-2</div> </div> <div class="footer">3</div> </div>查看全部
-
.box1{ background-color: #DEB9B9; float:left; width:20%; } .box2{ background-color: #ED9090; float:left; } .box3{ /*clear:both;*/ overflow:hidden; width:100%; } <div id="float_two"> <div class="box1">我是盒子一模型</div> <div class="box2">我是盒子二模型</div> <p class="box3">我的插足盒子的第三者</p> </div>查看全部
-
：overflow：hidden的含义是超出的部分要裁切隐藏，float的元素虽然不在普通流中，但是他是浮动在普通流之上的，可以把普通流元素+浮动元素想象成一个立方体。如果没有明确设定包含容器高度的情况下，它要计算内容的全部高度才能确定在什么位置hidden，这样浮动元素的高度就要被计算进去。这样包含容器就会被撑开，清除浮动。查看全部
-
清除浮动 clear-属性-常用clear：both； clear：left；或者clear：right 同时设置width：100%（或固定宽度）+overflow：hidden；查看全部
-
使用绝对定位进行横向两列布局。注意进行了绝对定位的一栏会脱离文档流，所以需要固定宽度一栏高度要比绝对定位的高。查看全部
-
float属性 当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化查看全部
-
绝对定位偏移参照基准查看全部
-
问题1：浮动元素后跟block元素&浮动元素后跟inline元素对布局的影响 浮动的框之后的block元素元素会认为这个框不存在，但其中的文本依然会为这个元素让出位置。 浮动的框之后的inline元素，会为这个框空出位置，然后按顺序排列。 问题2：元素浮动造成的两个div覆盖或相互重叠如何解决。 （1）、左右结构div盒子重叠现象，一般是由于相邻两个DIV一个使用浮动一个没有使用浮动。如相邻的两个盒子box2向左浮动、box3未浮动。一个使用浮动一个没有导致DIV不是在同个“平面”上，但内容不会照成覆盖现象，只有DIV形成覆盖现象。 解决方法：要么都不使用浮动；要么都使用float浮动；要么对没有使用float浮动的DIV设置margin样式。如上面的例1中box2宽度是100，只需要对box3设置margin-left：102px就可以实现不重叠。查看全部
举报
0/150
提交
取消