智慧物流 HTML5 / CSS问题有边框和旁边 返回

HTML5 / CSS问题有边框和旁边


敢嫁就敢娶
2025-03-18 12:51:07 (8小时前) 
  1.              在右侧放置旁边的盒子的问题


的
</跨度>
屏幕如图所示。我试过几个

的
</跨度>
不同

事
</跨度>
在…上

互联网
</跨度>
，但到目前为止还没有取得任何成功。

感谢您的帮助……我正在尝试重新创建这个网络文档，但我被困在一对夫妇身上

的
</跨度>

事
</跨度>
。这是一张照片

的
</跨度>
我正在尝试重新创建的Web文档。

我在弄清楚如何获得……时遇到了一些麻烦

5 条回复
  1. 0# 回忆氵独奏♪ | 2019-08-31 10-32



    使用

    border: 1px solid #000000;


  2. 1# v-star*위위 | 2019-08-31 10-32



    好吧，总的来说这需要太多的CSS更改来解释。所以我只是愚蠢的css我已经做了改变..



    1.     
            *{
       margin:0;
       padding:0;
      }
      html,body{
       height:100%;
      }
      body {
       background-color: #E0E0E0;
      }
    2. container{
       height:100%;
      }
    3. …..
    4. menu li {
       display:inline-block; /Horizontally align menu items/
       text-align: center;
       background-color: #00CCCC;
       border-color: blue;
       border-width: thin;
       border-style: solid;
      }
    5. main {
       display:inline-block; / for horizontally aligning main content and side bar /
       width:50%;
       border: 2px solid black;
       position:relative;
       padding: 5px;
       margin: 5px 10px;
      }
    6. sidebar {
       display:inline-block; / for horizontally aligning main content and side bar /
       width:40%;
       vertical-align:top;
       margin-top:5px;
       border:2px solid black;
      }
    7. </code>
    8.


    这有点类似

    的jsfiddle

    。


  3. 2# 甲基蓝 | 2019-08-31 10-32 



    1.     
            main {
          border-color: black;
          border-width: thick;
          position:relative;
          float: left;
          padding: 5px;
          margin: 5px 10px;
      }
    2. </code>
    3.


    两件事……你需要添加边框样式

    :

    在位置之后：相对而不是

    ;

    。
    这就是你需要的：

    border-style:solid;

    和

    position-relative;


  4. 3# 哇。 | 2019-08-31 10-32



    看起来你错过了这个元素的边框风格。



    1.     
    2.   #main {
    3. border-color: black;
    4. border-style: solid;
    5. border-width: thick;
    6. position:relative:
    7. float: left;
    8. padding: 5px;
    9. margin: 5px 10px;
    10. }
    11. </code>
    12.

登录 后才能参与评论