在今天的css学习中,看到了这样的一个效果:
觉得效果很好,决定研究一下它的样式。
<form>
<b>
<div><input type="submit" value="我要宣言"></div>
<input type="text" style="width:50%">
</b>
</form>
下面是样式文件:
dl.love form input{border:1px solid #FF97BE;height:24px;line-height:24px;width:140px;color:#999999;float:right;}
dl.love form div{border:1px solid FF97BE;width:69px;overflow:hidden;height:24px;padding:1px;float:right;margin-left:-1px;}
这个margin-left:-1px很重要,这样和左侧的重复部分自然就合在一起了。另外,padding:1px也恰到好处的给出了白色的美妙。
不解的地方:<div>为什么在<input>的前面呢?样式不是控制是float:right吗?