Heim >Web-Frontend >HTML-Tutorial >CSS关于div布局的小问题,请教了,谢谢_html/css_WEB-ITnose
CSS关于div布局的小问题,请教了,谢谢_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:09:371063Durchsuche
<head><style>.ABC{width:100px; height:100px; background:red; margin:auto; margin-left:20px;}</style></head><body><div class="ABC"></div></body></html> 为什么居中了之后不能再向左挪20px?
为什么顺序改了就提示代码错误啊?
.ABC{width:100px; height:100px; background:red; margin-left:20px; margin:auto;}
一定要使用相对定位或者绝对定位才能实现div居中后再往左或往右挪吗?
回复讨论(解决方案)
居中后，似乎不能移位
用绝对定位再margin
不会啊，我刚才用Adobe Dreamweaver 试了一下，
margin-left:20px;margin: 0px auto; //先设置左边距，然后居中，后面的居中会把左边距覆盖掉
margin: 0px auto; margin-left:20px;//先居中，然后设置左边距，后面的左边距会把居中覆盖掉
可能是里面的内容蹭的太大，可能有其他原因，，，，，，
.abc{width:100px;height:100px;background-color:#ccc;position:relative;margin-left:50%;left:-70px;} 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
Vorheriger Artikel：HTML页面引入CSS的几种方式及区别_html/css_WEB-ITnoseNächster Artikel：css属性设置元素的垂直对齐方式_html/css_WEB-ITnose