首页 >web前端 >html教程 >我给DIV加了个padding:15px 结果他的边框错位了_html/css_WEB-ITnose

我给DIV加了个padding:15px 结果他的边框错位了_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:26:151341浏览

想让DIV里面的内容靠内部一些(不贴边),用了padding结果DIV边框溢出了。

        .PhotoP        {            width:100%; height:160px; border-bottom:1px dashed gray; padding:15px;        }        <div style=" width:970px; height:400px;">              <div class="PhotoP">                   sdadas              </div>        </div>


回复讨论(解决方案)

看截图右下角。。。
那个底部虚线右边溢出了一些,求解决

width:100%去掉

用外层的div的margin比较好一点。

width:100%去掉
为什么100%去掉就好了?确实好了
但是搞不懂不给DIV加width100%,DIV下边虚线宽度依旧是100%宽度


width:100%去掉
为什么100%去掉就好了?确实好了
但是搞不懂不给DIV加width100%,DIV下边虚线宽度依旧是100%宽度

这个应该和盒模型有关系~


width:100%去掉
为什么100%去掉就好了?确实好了
但是搞不懂不给DIV加width100%,DIV下边虚线宽度依旧是100%宽度

div这个标签本身就是块状元素,会独占一行的,所以你不写宽度,会按外容器的宽度显示~

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn