Heim >Web-Frontend >HTML-Tutorial >position:fixed对元素影响的疑问?_html/css_WEB-ITnose

position:fixed对元素影响的疑问?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:04:081296Durchsuche

代码如下,当给xx加上position:fixed,为什么xx在样式上从占一整行,到只包围了xxx。

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="http://libs.baidu.com/jquery/2.0.0/jquery.js" type="text/javascript"></script><style type="text/css">.xxx{height: 100px;width: 100px;background: red;}.xx{	background: black;	padding: 10px;	/*position: fixed;*/	left: 100px;}</style></head> <body><div class="xx">	<div class="xxx">	</div></div><script type="text/javascript"></script></body> </html>



回复讨论(解决方案)

position:fixed会脱离文档流
内容被它的子元素撑开

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn