您現在的位置: 365建站網 > 365學習 > css中margin-right沒有效果不起作用的問題

css中margin-right沒有效果不起作用的問題

文章來源:365jz.com     點擊數:2213    更新時間:2018-01-08 11:51   參與評論
margin-right定義和用法
margin-right 屬性設置元素的右外邊距。
注釋:允許使用負值。
默認值: 0
繼承性: no
版本: CSS1
JavaScript 語法: object.style.marginRight="10px"
可能的值
值 描述
auto 瀏覽器設置的右外邊距。
length 定義固定的右外邊距。默認值是 0。
% 定義基于父對象總高度的百分比右外邊距。
inherit 規定應該從父元素繼承右外邊距。


有人拋出了一個關于css中margin-right沒有效果的問題。CSS代碼和HTML代碼如下:


.style1{
width:400px;
height:440px;
background-color:red;
border:5px solid silver;
margin-top:20%;
margin-right:30%;
}



<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<div class="style1"><img src="bei.jpg"></div>
</body>
</html>

把他的代碼copy下來,換一張圖片,我做了一個test,還真的不行。
 
難道是top會隱藏掉right的效果?或者跟順序有關?后來證明這些都是錯誤的想法。結合w3school對margin-right和自己隱約的記憶:瀏覽器是默認左對齊的。靈感一來,margin-right其實有效果的,只是在默認即標準流的情況的下顯示不出來效果。如果脫離標準流呢?想到這個,就立馬在css文件中加了一個:float:right;然后在測試的時候就能看到margin-right的效果了。
 
用float:left也是不行的,這跟默認的情況是差不多的。

PS:關于right屬性無效的原因:right屬性只有在position是absolute的情況下才有效,而默認的position值是static,right屬性是無效的。建議能不使用right就不要使用right屬性。

如對本文有疑問,請提交到交流論壇,廣大熱心網友會為你解答??! 點擊進入論壇


發表評論 (2213人查看,0條評論)
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
用戶名: 驗證碼: 點擊我更換圖片
最新評論
------分隔線----------------------------
自拍偷拍福力视频,偷拍国际精品,麻豆一区福利电影,国产网红视频午夜福利,se视频大全,久久国产AV影院 老少配maturetube 多毛| 小sao货水好多真紧h视频| 韩国大尺度做爰视频| 成年无码动漫av片在线| 国产重口老太和小伙| 特级高清牲交生活片| 日本人真人爱视频全部过程| 无码97色伦在色在线播放| 腰冲刺花心哭忍撞| 怡红院成永久免费人视频| 老司机午夜福利av无码特黄a| 国产高清爆乳乱码女大生av| 奶水饱胀的人妻在线播放| 欧美精品18videosex性欧美| 紫红的巨大顶开花心| 国产yw885.ccm免费观看网站| av免费午夜福利不卡片在线观看| 俺来也俺也啪www色| japanese强行极度| 成 人 3d h动 漫在线播放网站| OLdman老年tv| 帅哥吃直男大雕视频| 成年网站未满十八禁| 无码伊人久久大杳蕉中文无码| 色黄啪啪网18以下勿进| ktv和闺蜜被强奷很舒服| 久久爱免费视频在线观看| 欧美成人v片观看| 国产AV综合影院| 高中生自慰gay网站nxnn| 我把女闺蜜弄到高潮了| http://www.mediageeksquad.com