专题1234导航

来送分了,第一个到的获全部分

来源:互联网
发表时间:2017/4/20 17:23:29
责任编辑:李志喜
字体:

为了帮助网友解决“来送分了,第一个到的获全部分”相关的问题,学网通过互联网对“来送分了,第一个到的获全部分”相关的解决方案进行了整理,用户详细问题包括:本帖最后由 zhumj_zhumj 于 2017-04-20 17:01:47 编辑htmluldiv我在<body></body>里面放置了<div class="header"></div>,header里面又包含了一个<div class='logo'></div>和一个ul,但是ui跑到header外面去了,不能和logo并排:


<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<style>
    *{
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
}
.header {
    height: 72px;
    background: #458fce;
}
.header .logo {
    color: #fff ;
    line-height: 72px;
    font-size: 30px;
    margin-left: 20px;
    display:inline-block;
    font-weight:500;
}
.header ul li {
 background: #458fce;
list-style: none;
    float: left;
    color: #f33;
    width: 112px;
    height: 72px; 
    text-align: center;
    line-height:72px;
    cursor: pointer;
}
.header ul li.first {
    margin-left: 30px;
}
.header ul li:hover {
    background:#74b0e2;
}
a {
    color: #fff;
    text-decoration: none;
}
</style>
</head>
<body>
    <div class="header">
    <div class='logo'>原创文字</div>
    <ul>
    <li class='first'><a href="javascript:void(0)">首页</a></li>
        <li><a href="javascript:void(0)">原创故事</a></li>
        <li><a href="javascript:void(0)">热门专题</li>
        <li><a href="javascript:void(0)">欣赏美文</li>
        <li><a href="javascript:void(0)">赞助</a></li>
</ul>
    </div>
</body>
</html>

点击图片看大图学网 www.xue163.com


怎样才能让ul跟<div class='logo'>原创文字</div>并排显示?,具体解决方案如下:

解决方案1:
logon 用 float: left;

解决方案2:

引用 1 楼 jslang 的回复:
logon 用 float: left;


对,就是这样

www.xue163.com true http://www.xue163.com/588880/39215/392158496.html report 4136 来送分了,第一个到的获全部分:解决方案1:logon 用 float: left;解决方案2:引用 1 楼 jslang 的回复:logon 用 float: left;对,就是这样...
最近关注
首页推荐
热门图片
最新添加资讯
24小时热门资讯
精彩资讯
精彩推荐
热点推荐
真视界
精彩图片
社区精粹
关于本站 | 广告服务 | 手机版 | 商务合作 | 免责申明 | 招聘信息 | 联系我们
Copyright © 2004-2016 Xue163.com All Rights Reserved. 学网 版权所有
京ICP备10044368号-1 京公网安备11010802011102号