Question

css怎么设置文字靠左上显示，但让开图片位置

如图，怎么把文字提上来，然后遇到图片的部分让开，成图二的效果





Answer 1

　　有很多种方法可以实现。

　　随便写几种。
　　------------------------------
　　CSS部分：
　　.text{background-image;url(pic.jpg);
　　width: xx px /*你自己定义的宽*/
　　height: xx px /*你自己定义的高*/
　　overflow:hidden; /*超出部分隐藏*/}
　　.text span{
　　margin-top:xx px;/*离上边距离*/
　　margin-left:xx px;/*离左边距离*/
　　}
　　html部分：
　　<div class="text"><span>字</span></div>
　　------------------------------
　　CSS部分：
　　.text{background-image;url(pic.jpg);
　　width: xx px /*你自己定义的宽*/
　　height: xx px /*你自己定义的高*/
　　position:relative;; /*相对定位*/}
　　.text span{
　　position:absolute;/*绝对定位*/
　　top:xx px;/*离上边距离*/
　　left:xx px;/*离左边距离*/
　　}
　　html部分：
　　<div class="text"><span>字</span></div>
　　--------------------------------------
　　CSS部分：
　　.text{background-image;url(pic.jpg);
　　width: xx px /*注意，这里是你自己定义的宽减去padding-left的值*/
　　height: xx px /*注意，这里是你你自己定义的高减去padding-top的值*/
　　padding-top:xx px; /*离上边距离*/
　　padding-left:xx px; /*离左边距离*/
　　}

　　html部分：
　　<div class="text">字</div>

　　lz自己选吧。
　　

Answer 2

你可以设置左边宽度和右边宽度，然后用浮动。如：

<div style="overflow:hidden">
    <p style="width:70%; float:left;"></p>
    <p style="width:30%; float:right;"><img src="1.jpg" style="width:100%" /></p>
</div>

Answer 3

你可以通过div+css 样式开制定！