练习遇到困难了？

四块五的妞 发表于 2021-1-14 22:44

我box学的不好，在家没事练手效果图

怎么才能吧多个超链接放在一行（绝对定位？）代码写的不好{:1_907:}，各位谅解
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box{
width:900px;
height:300px;
background-color:#fff;
}
.one{
background-image:url('1.gif');
margin-bottom:20px;
}
.tow{
background-color:blue;
}
.s{
width:35px;
height:30px;
margin-left:500px;
background-color:red;
}
</style>
</head>
<body>
<div class="box one">
<div class="s"><a href="#">首页</a></div>
</div>
<div class="box tow">1</div>
</body>
</html>

xuegaoxiansen 发表于 2021-1-14 22:49

a难道不就是行元素嘛，多个不就在一行{:301_1009:}

邪恶海盗 发表于 2021-1-14 22:59

DIV会换行,直接用A就行

momosys 发表于 2021-1-15 00:15

{:1_909:}导航为什么不用
<ul>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
</ul>
<style>
li{float:left / right}
</style>
呢？

AdmiralJie 发表于 2021-1-15 00:53

用无序列表啊，<ul><li></li>....</ul>,再左浮动就好了

四块五的妞 发表于 2021-1-15 08:59

xuegaoxiansen 发表于 2021-1-14 22:49
a难道不就是行元素嘛，多个不就在一行

刚学，有很多不理解

四块五的妞 发表于 2021-1-15 09:03

邪恶海盗发表于 2021-1-14 22:59
DIV会换行,直接用A就行

好的，我知道了。

四块五的妞 发表于 2021-1-15 09:58

AdmiralJie 发表于 2021-1-15 00:53
用无序列表啊，....,再左浮动就好了

你写个吧我不会2333，我写的box都跑了

樱染落霞红 发表于 2021-1-15 17:23

本帖最后由樱染落霞红于 2021-1-15 17:27 编辑

<div class="s"><a href="#">首页</a><a href="#">一</a><a href="#">二</a></div>

建议了解块级元素和内联元素

AdmiralJie 发表于 2021-1-16 12:29

四块五的妞发表于 2021-1-15 09:58
你写个吧我不会2333，我写的box都跑了

<ul>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
<li><a>aaa</a></li>
</ul>
<style>
li{float:left / right}
a{display:inline-block;
text-decoration: none;
cursor: pointer;}
</style>

页: [1]

吾爱破解 - 52pojie.cn's Archiver

练习遇到困难 了？

练习遇到困难了？