>  기사  >  웹 프론트엔드  >  我给DIV加了个padding:15px 结果他的边框错位了_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:26:151307검색

想让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으로 문의하세요.