Question

如何制作这样的东西？

http://oi61.tinypic.com/39y1.jpg

一个大的父div在屏幕边框顶部和左边之间没有空格？第一个div应该移动那个标题不应该是。我不知道该怎么做。请使用内联添加的CSS（例如）http://jsfiddle.net/yqLsk79z/

获取答案

<!doctype html>
<html >
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body bgcolor="grey">
    <div style="position:fixed;height:100%;  width:10%; text-align:center; border: solid
      <div style="height: 10%"> <a href="cos.html"> Cos </a> </div>
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div>
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
      <div style="height: 10%"> <a href="sic.html"> Sic </a> </div> 
    </div>
    <div style="height:10%; width: 90%"> Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div>

Answer 1

您可以在body标签上添加margin：0以删除边缘周围的空间。

将正文标记更改为此内容;

<body bgcolor="grey" style="margin:0;">

您还需要应用从左侧推送标题和内容div 10％的样式。例如，请参见小提琴。

jsfiddle

如果这不是你的意思，请在下面留下评论，解释“第一个div应该移动”的意思，并且我会再看看。

我可以问你为什么特别需要内联样式吗？稍微好一点的方法是在css中使用重置。在你的脑海里添加;

<style>
    *{margin:0;}
</style>

div内的div如何制作边框以及如何在div旁边制作div

1 个答案: