-
慕课网前端慕课网前端程无语了哦啦开玩笑局XMLmomo呃呃呃July哦哦哦6X5我5他我5咯Elly了继续走咯了5查看全部
-
当一个父元素包含了多个浮动的子元素时,页面的内容设置了一个宽度,子元素的浮动确定了他们的位置,但浮动元素不会影响父元素的宽度。这样做会让父元素塌陷,从而使父元素的高度为“0”。 清除浮动: 父元素添加overflow:hidden; 或 overflow:auto; 或 子元素添加 clear:both;查看全部
-
width:50%总体宽度的50%查看全部
-
对于我们设置的外围容器也就是上面的.main一般不需要设置高度,上面的代码是对的,因为外围的高度最好是由里面的内容撑起来,避免出错。 在上面浮动对两个元素造成了影响,一个就是.main(父容器),由于里面的元素是浮动的脱离了文档流,所以没有撑开;第二个就是下面的.footer元素,由于之前说的main没有撑开,所以.footer 到了.header元素下面(替代浮动元素在正常文档流中的位置)。 所以需要清除浮动,一般用两种方法1,在.main{ }添加overflow:hidden 2.在.footer{}里面添加clear:both;查看全部
-
margin(0,auto)前面代表垂直,后面代表水平。auto代表居中的意思查看全部
-
宽度自适应 设置成100%查看全部
-
布局分类查看全部
-
浮动(float) 绝对定位(position:absolute) 脱离文档流查看全部
-
开始就需要清除内外边距:*{margin:0;padding:0;} width为定值+margin:0 auto;->水平居中查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;background:#aaa;} .main{width:100%;height:300px;background:red;} .left{ width:100px;height:300px;background:blue;position:absolute;} .right{height:300px;width:100%;margin-left:110px;background:green;position:absolute;} .foot{width:100%;background:orange;clear:both;}查看全部
-
两列自适应布局:会随着浏览器窗口宽度改变。width:百分比 float,用的少,一般使用的是固定宽度的两列布局 固定宽度的两列布局:给他们加个固定宽度的父元素盒子查看全部
-
布局:网页UI设计师将有限的视觉元素进行有机排列的组合。 网页设计的特点:(纸媒和新媒体的异同出发)1:网页宽度可变,打破纸媒页面限制。2:头+内容主体(根据需要分栏)+页脚 常见布局:一列布局,两列布局,三列布局,混合布局 前端工程师:用技术将艺术设计呈现出来查看全部
-
skdn查看全部
-
margin:0 auto水平居中查看全部
-
三列布局,左右用绝对定位,中间用margin查看全部
举报
0/150
提交
取消