简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

CSS关于div布局的小问题,请教了,谢谢_html/css_WEB-ITnose

WBOY
發布： 2016-06-21 09:09:37
原創
980 人瀏覽過

<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;}
登入後複製

相關標籤：
CSS关于div布局的小问题 请教了 谢谢
來源：php.cn
上一篇：HTML页面引入CSS的几种方式及区别_html/css_WEB-ITnose 下一篇：css属性设置元素的垂直对齐方式_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何將外部 div 的高度設定為始終等於特定內部 div 的高度？ 我有一個外部div，其中包含三個內部div。我希望最左邊的內部div始終確定外部div的高度。如果其他內部div的內容[比最左邊的div]少，它們將有空白空間。如果他們有更多的內容...
來自於 2023-11-07 13:59:30
0
2
314
Html 程式碼在登台時會自動修復，但在產品上不修復 我有一個基於Hugo構建的網站，在實現新功能時，由於不正確地關閉標記而犯了一個錯誤。奇怪的是，這個錯誤並沒有在臨時環境中顯現出來，標記已為不同瀏覽器和國家/地區的用戶修復（我認為是...
來自於 2023-09-15 22:46:29
0
1
670
限制div高度的專案實施方法 我有一個三列佈局，其中中間列的部分高度有問題。一般來說，它是一個聊天應用程式。類別名稱是：用於包含這三個欄位的容器（我決定使用這樣的網格來使列的高度相等）：display:grid...
來自於 2023-09-13 20:46:45
0
1
204
儘管使用了 rem，為什麼當我放大或縮小時元素大小會改變？ 我正在實現一個項目，我使用CSSposition屬性在輸入中放置一個按鈕，一切正常，甚至我在響應模式下也沒有問題，巧合的是我想縮放-檢查某些內容，我意識到當我放大或縮小輸入的頂部或...
來自於 2023-09-08 15:06:21
0
1
276
CSS樣式未成功應用於Flickity 相當簡單的問題，我認為它可能與這個問題有關，但是在Vue中而不是Angular。我嘗試應用於我的Flickity輪播的CSS樣式在我的Vue3應用程式中無法渲染。在IDE中，樣式被...
來自於 2023-08-26 20:25:09
0
1
347
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！