1. 爱易网页
  2. HTML教程
  3. 有没办法设定一个层宽度是 100%-2px ？该怎么解决

有没办法设定一个层宽度是 100%-2px ？该怎么解决

日期：2014-05-17　 浏览次数：20835 次

有没办法设定一个层宽度是 100%-2px ？
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html   xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "   />
<title> 样式测试 </title>
<style   type= "text/css ">
<!--
.Area   {
background-color:   #000000;
width:   600px;
height:auto;
}
.block   {
HEIGHT:   auto;
PADDING-BOTTOM:   4px;
width:100%;
margin:0px;
background-color:#ff0000;
}
.block_head  
{
COLOR:   #fff;
background-color:#0000ff;
WIDTH:   100%;
}

  .block_content
{
WIDTH:   100%;/*598px;   */
background-color:   #ffffe9;
BORDER:   #0000ff   1px   solid;  
margin:0px;
}

-->
</style>
</head>  
<body>
问题:   这里的Area   宽度是600px       block_content   宽度设置成   100%   边框宽度   是1个   像素   (显然最后的   block_content   所占的宽度会变成   600px+2px   =602px)
我怎么做才能让   block_content   宽度   变成我想要的   600px呢(   如果   block_content宽度可以定义成   100%-2px就好了.   我把   block_content   宽度设置成   598px   就刚好对齐了)
(注   Area   宽度   是随机不固定的   现在看到的是block_content   右边部份挤出来了   )

<DIV   class= "Area ">
<DIV   class= "block ">
<DIV   class= "block_head ">   block_head </DIV>
<DIV   class= "block_content "> block_content </DIV>
</DIV>
</DIV>

</body>
</html>


------解决方案--------------------
汗 楼猪 有没有试啊
直接width:100%-2px;就可以了
IE，FF下没问题
------解决方案--------------------
给分哈 嘎

相关资料更多>

  1. 个人logo解决方案
  2. css选择器 nth-child(2n),该如何解决
  3. Chrome浏览器内容不足一页, 右侧srollbar无显示
  4. 怎么生成一个调查问卷
  5. IE7 Height:100% 有关问题
  6. 小记：用CSS解决表格中数据折行的有关问题
  7. 怎么实现一个div的隐藏与显示
  8. CSS2写三角
  9. html编辑器的回车换行问题解决方案_HTML综合技巧_HtmlCss教程