Question

如何制作一个CSS div，其宽度与其包含的文本一样高？我试过了

div.reqspace {
  float : left;
  width : 10px;
}

但发现没有长度属性。现在我的div几乎和屏幕一样宽。

   <?php include("sitestartend.php");
   site_start('xyz);?>
   <?php include("helpfun.php");
   $addr = getRealIpAddr();
   if ($addr != '$myaddr') {
   echo '<p>Sivusto on kehitteillä.</p></body></html>';
   die();
   }
   include("navbar.php"); ?>
   navbar ladattu!
<div id="reqspace">
Sähköpostiosoite: <br/>
Valitse salasanasi: <br/>
</div>
<input type="text" name="email" value="" />
<input type="text" name="email" value="" />
<input type="password" name="password" value="" />
<input type="submit"/>
</body>
</html>

sitestartend.php

<?php
function site_start($name) {
   echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">';
   echo '<html xmlns="http://www.w3.org/1999/xhtml">';
   echo '<head>';
   echo '  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>';
   echo '  <title>'.$name.'</title>';
   echo '  <link type="text/css" rel="stylesheet" href="styles.css" />';
   echo '</head>';
   echo '<body>';
}

function site_end() {
   echo '</body>\n</html>';
}

helpfun.php

<?php
function getRealIpAddr() {
  if (!empty($_SERVER['HTTP_CLIENT_IP']))   //check ip from share internet
  {
    $ip=$_SERVER['HTTP_CLIENT_IP'];
  }
  elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR']))   //to check ip is pass from proxy
  {
    $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];
  }
  else
  {
    $ip=$_SERVER['REMOTE_ADDR'];
  }
  return $ip;
 }
?>

Answer 1

也许您正在寻找身高属性？虽然你用像素设置东西，但只要它不超过它，它实际上只会像文本一样宽和高。可能会像em一样尝试流体测量。

Answer 2

您可以设置height值，以px为单位。此外，在浮动的div中，使用这样的东西通常很有帮助：

<div class="reqspace">My content
    <div style="clear: both;"></div>
</div>

那个“清晰”的div虽然是空的，但可以帮助浏览器了解div底部的位置。这不是最干净的HTML，但它完成了工作。

Answer 3

你必须这样做：

div.reqspace {
  position : relative;
  width : auto;
  display : table;
}

例如，如果您有一个包含x个子li的列表，那么列表li将为每个子项设置动态宽度。

CSS div长度太大了

3 个答案: