left是一个偏移属性,偏移属性用于指定一个被定位元素的精确位置,对于static的元素没有效果。要使用这个CSS属性,必须为元素设置一个position值,而不能是默认的static定位方式。
在CSS中,可用的偏移属性有四个,包括top、right、bottom和left。
对于绝对定位的元素,即position属性设置为absolute的元素,left属性指定元素左侧边距边缘和包含该元素的容器的左侧边缘的距离。
对于相对定位的元素,即position属性设置为relative的元素,left属性指定元素的左侧边界离开其正常位置的距离。
对于固定定位或sticky定位的元素,left属性指定元素到视口左侧边缘的距离。
官方语法
left: | | auto
参数:
:使用固定的长度值指定元素的左侧偏移。长度值可以参考数据类型。长度值允许为负数。
:使用元素的包含块的百分比值来指定左侧偏移值。百分比值可以参考数据类型。百分比值允许为负数。
auto:当left属性设置为auto的时候,分为两种情况:
如果元素是相对定位的,在水平方向上会根据right属性的值来定位。如果right属性也设置为auto,那么元素在水平方向上不会移动。
如果元素是绝对定位的,在垂直方向上会根据right属性的值来定位。如果元素的宽度设置为auto,那么元素的宽度会随着内容的增加而增长。
left属性的初始值为auto。
left属性可以使用inherit属性从它的父元素中继承左侧偏移值。它的父元素不一定是它的定位上下文。
应用范围
left属性可以应用在所有可以被定位的元素上。
示例代码
/* 使用长度值 */
left: 3px
left: 2.4em
/* 使用元素包含块的百分比值 */
left: 10%
/* 使用关键字 */
left: auto
left: inherit
在线演示
1、在相对定位的元素上使用left属性:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
2、在绝对定位的元素上使用left属性:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
我来回答,你看见浏览器的“工具”菜单了吗?打开它,选择“internet选项”-------“高级”----------选中“浏览”中的“使用平滑滚动”,就好了。
用CSS控制就可以了。
<caption style="text-align:center"></caption>
不过,它默认居中的,一般配合<table>标签使用。写在<table>标签内部。
d 文本框没有caption属性
任务栏的空白处 右键属性 把任务栏保持在其他窗口在前端 打上勾
为了为了美观,标准网页是不会有水平滚动条的。
如果你的浏览器页面缩放比例小于100%就不会出现水平滚动条,当页面缩放比例超过100%时,网页内容无法全部显示,这时才会有水平滚动条。
调节页面缩放比例的方法:菜单栏——查看——页面缩放——选择100%。
margin就是两个标记中间让出点空白,如果你就一个标记又是居左的话margin-right是没有效果的。
语法:margin-left:[ | | auto ]{1,4}
2. 默认值: 0
3. 相关属性:[margin ] || [ margin-top ] || [ margin-right ] || [ margin-bottom ]
4. 取值
auto:值被设置为相对边的值。
5. 用长度值来定义外补白:可以为负值。
6. 用百分比来定义外补白:可以为负值。
7. 说明:检索或设置对象左边的外延边距。
内联对象可以使用该属性设置左边距。
外延边距始终透明。
对应的脚本特性为 marginLeft。
8. 示例:test {margin - left: 50pxbackground: #ee}
test { margin - left: 50pxbackground: #eee}。希望我的回答能够帮助您,还望采纳。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)