Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么我的内联div没有占用给定的空间？_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 为什么我的内联div没有占用给定的空间？

Html 为什么我的内联div没有占用给定的空间？

html css

Html 为什么我的内联div没有占用给定的空间？,html,css,Html,Css,看看这个 我试图使我的div向右使用父div的整个宽度和高度 知道我做错了什么吗 这是HTML <div style="width:150px;padding:0;min-height:200px;"> <div style="width:100%;background-color:#99CD4E;"> <div style="width:35px;padding:5px;display:inline-block;border: solid 1px #f

看看这个

我试图使我的div向右使用父div的整个宽度和高度

知道我做错了什么吗

这是HTML

<div style="width:150px;padding:0;min-height:200px;">
  <div style="width:100%;background-color:#99CD4E;">
    <div style="width:35px;padding:5px;display:inline-block;border: solid 1px #ff0000;">
      <img src="/photos/files/5/main/small_thumb.jpg" class="thumb_small "/>    
    </div>
  <div style="height:100%;display:inline-block;border: solid 1px #ff0000;">user <strong>age</strong><br>town, state</div>
</div>


用户年龄
城镇、州
您可以使用
display:table cell
设置div的样式，并将特定div的宽度设置为100%，而不是使用
display:inline block
设置div的样式

<div style="width:150px;padding:0;min-height:200px;">
  <div style="width:100%;background-color:#99CD4E;">
    <div style="width:35px;padding:5px;display:table-cell;border: solid 1px #ff0000;">
      <img src="/photos/files/5/main/small_thumb.jpg" class="thumb_small "/>    
    </div>
  <div style="height:100%;width:100%;display:table-cell;border: solid 1px #ff0000;">user <strong>age</strong><br>town, state</div>
</div>


用户年龄
城镇、州
这是因为
显示：内联块属性。以前从未使用过表单元格。我可以将文本对齐到顶部吗？当然，只需添加
垂直对齐：中间
。