您的位置：首页 > Web前端 > CSS

css中的margin的负数问题

2008-07-02 18:28 344 查看
在今天的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吗？


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航