天灵狐
2017-06-18 07:43
采纳率: 70.4%
浏览 2.2k

在CSS中,如何相对靠左?

我完全不懂CSS啦....是写Python的。
不太会说名词,请多多包涵..

想实现这样一个样式:
图片说明
元素1相对外部元素是居中,元素2相对于元素1居左。

这样怎么实现呢?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 庄粟 2017-06-19 07:27
    已采纳
     <div style="    width: 500px;
        height: 500px;
        border: 2px solid black;">
    <div style="border: 2px solid green;
        width: 50px;
        height: 50px;
        position: relative;
        margin: 200px auto;">
    <div style="border: 2px solid darkred;
        width: 20px;
        height: 20px;
        margin-top: 100px;
        position: relative;
        left: -100px;">
    </div>
    </div>
    </div>
    
    

    找个文本文件贴上去,改成.html双击看看对不对

    点赞 评论
  • Jonny Lin 2017-06-18 07:52
    点赞 评论
  • 当作看不见 2017-06-18 10:46

    可以把元素二放元素1 里面 ,position:relative;left:-100%;

    点赞 评论
  • UniqueJary 2017-06-18 15:27

    将元素1和元素2放在同一个盒子里,将盒子在外层元素中margin:0 auto;再在盒子上设置position:relative;(相对定位)。

    给元素2设置position:absolute;(绝对定位);再设置left:0;top:500px;(top的像素根据实际情况设定)。

    点赞 评论
  • 伪墨 2017-06-19 01:32

    盒子元素设置:margin: 0 auto;
    元素1:position:relative;
    元素2:position:absolute; left: 0; top: 50px;

    点赞 评论

相关推荐 更多相似问题