Hacker white 2020-12-06 18:51 采纳率: 55.6%
浏览 187
已采纳

css为什么fixed的top和bottom属性不好使？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>固定定位</title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;	
			}
			.box{
				position: fixed; //针对浏览器固定定位
				/*top: 400px;*/
				bottom: 300px;
				left: 80px;
				width: 80px;
				height: 80px;
				background: #ccc;
				line-height: 80px;
				font-size: 28px;
				color: #333;
				text-decoration: none;
				text-align: center;
				/*margin-top: 800px;*/
			}
		</style>
	</head>
	<body>
		<div class="box">
			
		
		<a  href="#">
			Top
		</a>
		</div>
		<p><img src="images/A1 (1).jpeg" alt="" /></p>
		<p><img src="images/A1 (2).jpeg" alt="" /></p>
		<p><img src="images/A1 (3).jpeg" alt="" /></p>
		<p><img src="images/A1 (4).jpeg" alt="" /></p>
		<p><img src="images/A1 (5).jpeg" alt="" /></p>
		<p><img src="images/A1 (6).jpeg" alt="" /></p>
		<p><img src="images/A1 (7).jpeg" alt="" /></p>
		<p><img src="images/A1 (8).jpeg" alt="" /></p>
	</body>
</html>
  • 写回答

2条回答 默认 最新

  • 天际的海浪 2020-12-06 19:17
    关注

    你注释用的不对。
    css中注释只能用 /* */ ,不能用 //

                    position: fixed; /* 针对浏览器固定定位 */
     

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 深入解析 CSS `bottom` 属性
    2025-09-29 16:55
    2501_93104808的博客 CSS bottom 属性用于控制已定位元素（非static）的底部边缘与其包含块的...需注意与top属性的交互规则：当同时设置top和bottom且高度为auto时，元素会拉伸填充两者间空间。该属性兼容性良好，适用于精确布局控制场景。
  • css中position:fixed实现div居中上下左右居中
    2020-09-25 01:38
    要实现DIV的完全居中，需要结合使用position:fixed以及通过调整left、top、right、bottom属性和margin属性来实现。具体代码如下： ```css .dialog { position: fixed; /* _position: absolute; */ /* hack for IE...
  • css定位属性position:fixed
    2024-01-02 16:35
    wangooo的博客 Fixed和Absolute都是CSS中定位的属性，它们用于控制元素在页面中的位置，其中Fixed表示固定定位，Absolute表示绝对定位。Absolute定位的常用场景是实现页面中的局部定位，例如可以实现图片的悬浮效果、文字的重叠等...
  • css继承属性和不可继承属性
    2024-04-19 11:18
    Joyce Lee的博客 有没有在面试中被问到过css的继承属性和不可继承属性？今天就来记录一下css哪些属性是可以继承的，哪些属性是不可以继承的。
  • 解决CSS属性position:fixed不起作用
    2022-12-06 13:39
    赵彤刚的博客 若父元素设置了transform属性，无论transform设置任何属性值，都会导致position:fixed属性失效！1.当我们在父元素设置了如下css属性时 ： 子元素表现如下： 可见，position:fixed属性失效，顶部导航栏消失。2.当...
  • css中 top, right, bottom, left设置为0有什么用？css中，width: 100% 和 width: auto的区别？
    2019-10-07 17:37
    . . . . .的博客 个属性都设置为0时有什么用，与宽高设置100%又有什么区别？本文对此展开讨论。 二. 关于top left right bottom position定位属性大家都不会陌生，添加position属性的元素可以定位，而top，left，right， bottom属性...
  • CSS|13 position属性
    2024-12-20 13:54
    阿月浑子の的博客 position表示，主要用于实现对元素的定位。注意：在使用定位属性时，一定要配合来使用...left:表示定位的元素离左边多远right:表示定位的元素离右边多远top:表示定位的元素离上边多远bottom:表示定位的元素离下边多远。
  • CSS讲解（position属性，overflow属性，float属性。）
    2024-11-22 21:43
    Time_Controller的博客 主要讲解CSS中的position属性，overflow属性，float属性。
  • 前端css定位.pdf
    2021-07-28 16:16
    边偏移属性则涉及top、bottom、left和right，用于控制元素在页面上具体位置的偏移量。 静态定位是默认的定位方式，元素按照标准流进行摆放，不进行任何偏移。而相对定位允许元素根据自身原来的位置进行移动，通常...
  • CSS的各种属性样式和重点——之转生在异世界学前端
    2024-04-02 20:01
    任何一人一人的博客 text-decoration：none清除下划线 underline上划线 overline上划线 line-through中划线。text-align：center（水平对齐方式）：center居中 right右对齐...font-size字体大小 默认大小为16px，页面最小为12px 1em=16px。
  • 没有解决我的问题, 去提问