CSS margin全面了解

                <p>假如有一段文本和一幅图像，在DOM节点中，文本在前，图像在后，怎么能把图像定位到右边呢？</p>  

                <p>通常的做法是，调换DOM节点中图像与文本的位置，让图像在前，文本在后，然后将图像浮动到右边即可。</p>  

                <p>但这样改变DOM节点顺序始终不妥，还有什么更好的方法呢？</p>  

                <p>下面就介绍一种新的思路来完成布局。</p>  

                <ul>  

                    <li>将文本用div包起来，定义为box1；现在的结构是一个box1和一个img。</li>  

                    <li>将box1宽度设为100%，左浮动；将img设置一个宽度，也左浮动，然后margin-left设为负的宽度值；此时图像就定位到文本的右边啦。</li>  

                    <li>但是有一个问题，图像盖住了文本内容，这可怎么办？</li>  

                    <li>重点来了，在box1中增加一个box2，box2把文本全部包起来，然后margin-right设为图像的宽度（+额外的间距），这样就解决问题啦！</li>  

                </ul>  

                </div><!--关闭box2-->  

            </div><!--关闭box1-->  

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!