问答详情
源自:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

求教-该怎么弄?

那我该成#box1{ float:right; margin-bottom:30px; margin-right:10px;}就有反应了。当我写成

#box1{ float:right; margin-bottom:30px; margin-left:10px;}又没有反应了。我该成

#box1{ float:left; margin-bottom:30px; margin-left:10px;}有反应了.我的问题就是:是不是当快级元素向左浮动,这时设置左边界有反应,设置右边界没效果。当块级元素向右浮动,这时设置右边界有反应,设置左边界没效果?



如果我改成#box1{ margin-bottom:30px; margin-right:400px;}还是没效果。此时父容器为650px,#box1为300px,则#box1到父容器的距离为350,我此时设置到像素点为400px。那么我的div距离父级容器边框(350px)小于我设置的像素点了(400px),为什么还看不出来效果?

提问者:情殇有痕 2015-01-16 12:32

个回答

  • sixGod
    2015-01-16 14:02:18

    #box1{ float:right; margin-bottom:30px; margin-left:10px;}你试着这样理解,向右浮动,这时box1的margin-left可能已经不止10px了,现在你又要求它向右,又要求它只离左边10px,它要如何满足你?

  • 康振宁
    2015-01-16 13:55:15

    关于right属性无效的原因:right属性只有在position是absolute的情况下才有效,而默认的position值是static,right属性是无效的。建议能不使用right就不要使用right属性。