10.17号笔记
10.17号笔记
1.实现元素的浮动float
left 图像或文本浮动在父元素的左边。
right 图像或文本浮动在父元素的右边。
none 图像或文本浮动显示在它在父元素中出现的位置。
2.将带有边框和边界的图像浮动于段落的右侧
img
{float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;}
3.带标题的图像浮动于右侧
{float:right;
width:120px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;}
4.clear 属性规定元素的哪一侧不允许其他浮动元素。
值 描述
left 在左侧不允许浮动元素
right 在右侧不允许浮动元素
both 在左右两侧均不允许浮动元素
none 默认。允许浮动元素出现在两侧。
img
{
float:left;
clear:both;
}
5.ul>li{ 内容 } “>”代表下一级元素
ul li{ 内容 } “空格”代表下一级元素
6.绝对定位
position:absolute;
相对于定义了position属性的父元素去定义
若父元素没有定义position属性,会一直往上查找直到找到body;
元素定义绝对定位之后会失去标准流的位置
相对定位
position:relative;
相对于自己的本身去定位;
元素定义了相对定位之后不会失去标准流的位置
固定定位
position:fixed;
相对于浏览器去定位;
元素定义了固定定位之后会失去标准流的位置
7.内容显示不出来时
overflow {auto 超出部分以滚动条的形式显示
visible 超出部分显示
scroll 不管有无超出都显示滚动条的位置
hidden 超出隐藏(清除浮动会用)}