美文网首页
让DIV内部内容撑开外层的div方法

让DIV内部内容撑开外层的div方法

作者: 努力拼搏程序猿 | 来源:发表于2019-12-14 09:47 被阅读0次

1.今天遇到一个DIV设置的问题,因为外层的DIV(a)没有设置高度,想弄成自适应的,在外层DIV的下面添加的其他DIV(b)节点会因为DIV(a)没有设置高度而浮到上面去,跟DIV(a)的内容重叠在一起,找到的一种解决办法是:

在DIV(a)的内部最下面加入随便一个标签,style属性设置成这样:

<br style="clear:both;">

就可以解决问题了

2.父元素 border 不要定义,只需要一个padding  ,父元素不需要设置height,让其中内容撑开它

!!!且不能设置浮动 (float)

相关文章

  • 让DIV内部内容撑开外层的div方法

    1.今天遇到一个DIV设置的问题,因为外层的DIV(a)没有设置高度,想弄成自适应的,在外层DIV的下面添加的其他...

  • 让内层Div将外层Div撑开

    在CSS排版中,如果一个层中的层使用了float浮动的话,那么就有可能会出现外层没有被内层撑开的情况,如以下代码所...

  • css清除浮动clearfix:after

    如果外部有一个div容器,内部div设置了float样式,则外部的容器div因为内部没有clear,导致不能撑开外...

  • 浮动的DIV水平垂直居中

    方法: 在浮动后的div外面套一层div.warp,设置外层父级div的水平垂直居中就可以让浮动的div也达到水平...

  • html5:div 横向排列的方法

    div 横向排列的方法。 以下面这组 div 为例,wrap 的高度由内容撑开 平时是这样的,上下排列~ floa...

  • CSS 让DIV被内部元素撑开的方法

    比如有一个DIV没有设置高度和宽度,想让内部元素把它撑开,在样式里加入: display: inline-block;

  • css3(2)

    垂直对齐 外层的div需要设置:display:table内容的div设置:(1)display:table-ce...

  • vue基于elementui设置表格动态高度的几种方法

    方法一 css + js的形式 这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所...

  • inline-block

    把整个suggestion div设置成行类元素 整个div的宽度不会占满整行 由它的内容撑开

  • table 设置max-height无效

    试了很多方法都无效,网上还搜了一下也没什么好的方法。最后换了个思路table外层加一个div,给外层这个div设置...

网友评论

      本文标题:让DIV内部内容撑开外层的div方法

      本文链接:https://www.haomeiwen.com/subject/gikcnctx.html