求解DIV问题(
    ,
  • )

xuefeihua 2008-12-03 02:05:21
<!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=utf-8" />
<title>导航条</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#nav {
PADDING: 0 10px; OVERFLOW: hidden; BORDER: #ccc 1px solid; ZOOM: 1; margin: 5px auto
}
#nav UL {
FLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none
}
#nav UL LI {
FLOAT: left; MARGIN-LEFT: -1px
}
#nav UL LI A {
BORDER-RIGHT: #898989 1px solid; BORDER-TOP: #898989 1px solid; BORDER-LEFT: #898989 1px solid; BORDER-BOTTOM: #898989 0px solid; DISPLAY: block; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND: #f1f1f1; MIN-WIDTH: 60px; COLOR: #333; TEXT-ALIGN: center; font-size:12PX; text-decoration: underline
}
* HTML #nav UL LI A {
WIDTH: 60px; WHITE-SPACE: nowrap
}
* + HTML #nav UL LI A {
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 2px; PADDING-TOP: 4px
}
#nav A:hover {
BACKGROUND: #d8dfea; TEXT-DECORATION: none
}
#nav .selected {
Z-INDEX: 99; POSITION: relative
}
#nav .selected A {
BORDER-RIGHT: #5973a9 1px solid; BORDER-TOP: #3b5888 1px solid; BACKGROUND: #6d84b4; BORDER-LEFT: #5973a9 1px solid; COLOR: #fff; BORDER-BOTTOM: #3b5888 0px solid; TEXT-DECORATION: none
}
#nav .selected A:hover {
TEXT-DECORATION: none
}
#box{ WIDTH: 850px; MARGIN:0 auto; border: #83B4FF 1px solid;}
-->
</style>
</head>

<body>
<div id="box">
<div id="nav">
<UL>
<LI class="selected"><A href="#">模板分类</A></LI>
<LI><A href="#">1111</A></LI>
<LI><A href="#">2222</A></LI>
<LI><A href="#">3333</A></LI>
<LI><A href="#">4444</A></LI>
<LI><A href="#">5555</A> </LI>
<LI><A href="#">6666</A></LI>
</UL>
</div></div></body></html>


在IE下是这样的,我想让它居左显示:
在FF下是这样的,不知道为什么灰色边框的DIV变的这么高:
不知道是什么原因....
...全文
155 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuefeihua 2008-12-03
  • 打赏
  • 举报
回复
搞定,谢谢~~
  • 打赏
  • 举报
回复
应该设置UL的内补丁,也就是margin:0px

在你这里就如楼上说的

#nav UL {
FLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none; margin:0px;
}
加margin:0px即可
yuan_nice 2008-12-03
  • 打赏
  • 举报
回复
发错帖了,不好意思
div_css 2008-12-03
  • 打赏
  • 举报
回复
这应该算是Ie的一个bug吧!建议你看看css mastery,可能有你想要的答案
yuan_nice 2008-12-03
  • 打赏
  • 举报
回复
少width属性
flycantus 2008-12-03
  • 打赏
  • 举报
回复
#nav UL {
FLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none; margin:0px;
}

加上红色部分
通过打开/关闭注释235行可以实现自动加载和点击加载更多,是一个瀑布流最经典的例子,完全 适用于各种瀑布流项目 jquery制作图片瀑布流点击按钮加载更</a></div></div></div></div> <div class="public_pc_right_footer2020" style="display:none;" data-v-4a5a7f56></div></div> <div id="right-floor-user-content_562" data-editor="{"type":"floor","pageId":143,"floorId":562}" class="user-right-floor right-box main-box detail-user-right" data-v-229a00b0><div class="__vuescroll" style="height:100%;width:100%;padding:0;position:relative;overflow:hidden;"><div class="__panel __hidebar" style="position:relative;box-sizing:border-box;height:100%;overflow-y:hidden;overflow-x:hidden;transform-origin:;transform:;"><div class="__view" style="position:relative;box-sizing:border-box;min-width:100%;min-height:100%;"><!----><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="introduce" data-v-4722a3ae><div class="introduce-title" data-v-4722a3ae><div class="img-info" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/HTMLCSS" class="community-img" data-v-4722a3ae><img src="https://img-community.csdnimg.cn/avatar/34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt data-v-4722a3ae> <div title="CSS" class="community-name" data-v-4722a3ae> CSS </div></a></div></div> <div class="content" data-v-4722a3ae><div class="detail" data-v-4722a3ae><div title="61110" class="item" data-v-4722a3ae><p class="num" data-v-4722a3ae> 61,110 </p> <p class="desc" data-v-4722a3ae> 社区成员 </p></div> <div title="60736" class="item" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/HTMLCSS" target="_blank" data-v-4722a3ae><p class="num" data-v-4722a3ae> 60,736 </p> <p class="desc" data-v-4722a3ae> 社区内容 </p></a></div></div> <div class="detail-btns" data-v-4722a3ae><div class="community-ctrl-btns_wrapper" data-v-0ebf603c data-v-4722a3ae><div class="community-ctrl-btns" data-v-0ebf603c><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-160be461 data-v-0ebf603c><div data-report-click="{"spm":"3001.5975"}" data-v-160be461><img src="https://csdnimg.cn/release/cmsfe/public/img/topic.427195d5.png" alt="" class="img sendTopic" data-v-160be461 data-v-0ebf603c> <span data-v-160be461 data-v-0ebf603c>发帖</span></div> <!----> <!----></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/me.40a70ab0.png" alt="" class="img me" data-v-0ebf603c> <span data-v-0ebf603c>与我相关</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/task.87b52881.png" alt="" class="img task" data-v-0ebf603c> <span data-v-0ebf603c>我的任务</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div class="community-share" data-v-4ca34db9 data-v-0ebf603c><div class="handle-item share" data-v-ca030a68 data-v-4ca34db9><span height="384" data-v-ca030a68><div role="tooltip" id="el-popover-1333" aria-hidden="true" class="el-popover el-popper popo share-popover" style="width:265px;display:none;"><!----><div id="tool-QRcode" class="QRcode" data-v-ca030a68><img src="https://csdnimg.cn/release/cmsfe/public/img/shareBg1.98114ddf.png" alt="" class="share-bg" data-v-ca030a68> <div class="share-bg-box" data-v-ca030a68><div class="share-content" data-v-ca030a68><img src="https://img-community.csdnimg.cn/avatar/34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>CSS</div> <div class="share-dec" data-v-ca030a68>层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。</div> <span class="copy-share-url" data-v-ca030a68>复制链接</span> <div class="shareText" data-v-ca030a68> </div></div> <div class="share-code" data-v-ca030a68><div class="qrcode" data-v-ca030a68></div> <div class="share-code-text" data-v-ca030a68>扫一扫</div></div></div></div> </div><span class="el-popover__reference-wrapper"><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/share-circle.3e0b7822.png" alt="" class="img share" data-v-0ebf603c> <span data-v-0ebf603c>分享</span></div></span></span></div> <!----></div></div></div> <!----> <div data-v-4fb59baf data-v-0ebf603c><div class="el-dialog__wrapper ccloud-pop-outer2" style="display:none;" data-v-4fb59baf><div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center" style="margin-top:15vh;width:70%;"><div class="el-dialog__header"><span class="el-dialog__title"></span><!----></div><!----><div class="el-dialog__footer"><span class="dialog-footer clearfix" data-v-4fb59baf><div class="confirm-btm fr" data-v-4fb59baf>确定</div></span></div></div></div></div></div></div></div> <div style="display:none;" data-v-4722a3ae data-v-4722a3ae><!----> <div class="introduce-desc" data-v-4722a3ae><div class="introduce-desc-title" data-v-4722a3ae>社区描述</div> <span data-v-4722a3ae> 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 </span></div></div> <div class="introduce-text" data-v-4722a3ae><div class="label-box" data-v-4722a3ae><!----> <!----> <!----></div></div> <!----> <div class="manage" data-v-4722a3ae><div class="manage-inner" data-v-4722a3ae><span data-v-4722a3ae>社区管理员</span> <ul data-v-4722a3ae><li data-v-4722a3ae><a href="https://blog.csdn.net/community_7" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt="HTML(CSS)社区" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li></ul></div></div> <div class="actions" data-v-4722a3ae><!----> <div style="flex:1;" data-v-4722a3ae><div class="join-btn" data-v-4722a3ae> 加入社区 </div></div> <!----> <!----></div> <div class="el-dialog__wrapper" style="display:none;" data-v-38c57799 data-v-4722a3ae><div role="dialog" aria-modal="true" aria-label="获取链接或二维码" class="el-dialog join-qrcode-dialog" style="margin-top:15vh;width:600px;"><div class="el-dialog__header"><span class="el-dialog__title">获取链接或二维码</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><span class="dialog-footer" data-v-38c57799></span></div></div></div> <div class="collapse-btn" data-v-4722a3ae><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAgCAYAAACFM/9sAAAAAXNSR0IArs4c6QAAAi1JREFUaEPtl01u01AUhc+N8wMSO4AxzJAqwQpKQsdtbMOICmKnwCKQ2ACDIgotrYKiduIiVZ10B0CBAjtAbICfooomJr3IcUoTiVLb15GNuG/67nm65/M5AxP0iAiQSK1iKEBhCBSgAhQSEMo1gQpQSEAo1wQqQCEBoVwT+K8CnLnWvER8cOHMaf95q9Xaj+vDtp3LPeD83u6p9a2t+U5cfVrzmSTQNOfOgg4+ATDAeNHp/Jza3Fz5HtWUZbl3GXjYn2e+53lL96Nq057LBOD0dOOcUSx8BFAcGHpZLlWmVlfnd08yaJrubRAe/Z77HwEG5kdS1E8StgFc9bzFb8dBrNtukxgLwOAXNEF6T/pAce8zSeDhknXbuUNMQRUHe/BrMNX+BNGyHIdBT45m6VVn36/FqX5cOFHmMwUYJrE5x+CgkuEujLe+361ubLS+HhowzeYtEC8NzWyXy5ValMpHgSCZyRxgsLxpui4Ij4/ShZ1S0aiurS18sSznJoOeDt29AaP6t6pLgMTV5gJgsHTddhvEWBwC9Y6AZww8AFA4Lp1xDac9nxuAYZ37aQuqGgIbPTt+t3tluNppw0jyXq4AhnV2ZkG0PAKR8b5UMiaDSicxOU5N7gCGSXRvMLAygPgB3Jv0vOXP4wSR9O1cAgzMzFxvXDR6hYlK5cd6u93eS2pw3LrcAhy38bTeV4BCkgpQAQoJCOWaQAUoJCCUawIVoJCAUK4JVIBCAkL5L1yapyGdIBwvAAAAAElFTkSuQmCC" alt data-v-4722a3ae></div></div><!----><!----><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor-user-right-rank" data-v-3d3affee><div class="el-tabs el-tabs--top" data-v-3d3affee><div class="el-tabs__header is-top"><div class="el-tabs__nav-wrap is-top"><div class="el-tabs__nav-scroll"><div role="tablist" class="el-tabs__nav is-top" style="transform:translateX(-0px);"><div class="el-tabs__active-bar is-top" style="width:0px;transform:translateX(0px);ms-transform:translateX(0px);webkit-transform:translateX(0px);"></div></div></div></div></div><div class="el-tabs__content"><div role="tabpanel" id="pane-integral" aria-labelledby="tab-integral" class="el-tab-pane" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-3" aria-labelledby="tab-3" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-5" aria-labelledby="tab-5" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-6" aria-labelledby="tab-6" class="el-tab-pane" style="display:none;" data-v-3d3affee></div></div></div> <div class="floor-user-right-rank-score" data-v-608528ce data-v-3d3affee><div class="floor-user-right-rank-score-tabs" data-v-608528ce><ul data-v-608528ce><li data-v-608528ce> 近7日 </li><li data-v-608528ce> 近30日 </li><li class="active" data-v-608528ce> 至今 </li></ul></div> <div class="floor-user-right-rank-common" data-v-46cf600d data-v-608528ce><div class="rank-list" data-v-46cf600d><!----> <div class="no-data loading" data-v-46cf600d><i class="el-icon-loading" data-v-46cf600d></i> <p data-v-46cf600d>加载中</p></div> <!----> <a href="https:///HTMLCSS/rank/list/total" target="_blank" class="show-more" data-v-46cf600d> 查看更多榜单 </a></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor comunity-rule" data-v-3cfa4dbd><div class="title" data-v-3cfa4dbd> 社区公告 </div> <div class="contain" data-v-3cfa4dbd><div class="inner-content" data-v-3cfa4dbd>暂无公告</div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="user-right-adimg empty-arr" data-v-15c6aa4f><div class="adImgs" data-v-2a6389b9 data-v-15c6aa4f><!----> <div data-v-2a6389b9><div data-v-2a6389b9></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="content-right-recommend" data-v-0f781e88><div data-v-3798762e data-v-0f781e88><!----> <!----></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="ai-entrance" data-v-eb1c454c><p data-v-eb1c454c>试试用AI创作助手写篇文章吧</p> <div class="entrance-btn-line" data-v-eb1c454c><a href="https://mp.csdn.net/edit?guide=1" target="_blank" data-report-click="{"spm":"3001.9712"}" data-report-query="spm=3001.9712" class="entrance-btn" data-v-eb1c454c>+ 用AI写文章</a></div></div></div></div></div></div></div></div></div></div></div></div></div> <div> <script type="text/javascript" src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" defer></script> </div></div></div><script> window.__INITIAL_STATE__= {"csrf":"OAkFJ16p-xbDtxZPAAh3qLJERMPmO0efzt84","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_558649520-1711695207437-841230;","ip":"3.84.110.120","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\",\"user-recommend\",\"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"HTMLCSS","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","owner":{"userName":"community_7","nickName":"HTML(CSS)社区","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"CSS","description":"层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002F34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":61110,"contentCount":60736,"followersCount":31769,"communityRule":"","communityId":126,"bgImage":"","hashId":"mgwm1ywl","domain":"","uriName":"HTMLCSS","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_7","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1285,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1285","iframe":false,"sortType":1},{"tabId":874,"tabName":"问答","tabUrl":"https:\u002F\u002Fask.csdn.net\u002Flist\u002F11\u002Ftag\u002F549","tabSwitch":1,"tabType":0,"tabContribute":0,"indexOrder":0,"iframe":true,"sortType":1},{"tabId":4055690,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=4055690","iframe":false,"sortType":1},{"tabId":1637781,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1637781","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"CSS","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","communityType":1,"content":{"id":"290028384","contentId":290028384,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F290028384","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F290028384","createTime":"2008-12-03 02:05:21","updateTime":"2021-05-28 17:22:25","resourceUsername":"xuefeihua","best":0,"top":0,"text":null,"publishDate":"2008-12-03","lastReplyDate":"2008-12-03","type":"13","nickname":"xuefeihua","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fc8ab3586b0ca4bb5b0d899500f30cbec_xuefeihua.jpg!1","username":"xuefeihua","commentCount":6,"diggNum":0,"digg":false,"viewCount":155,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"求解DIV问题( \u003CUL\u003E,\u003CLI\u003E)","insertFirst":false,"likeInfo":null,"description":" ","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221109054038.png","content":"\u003Cpre\u003E\u003Ccode class=\"language-HTML\"\u003E<!DOCTYPE html PUBLIC "-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN" "http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd">\u003Cbr \u002F\u003E\n<html xmlns="http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxhtml">\u003Cbr \u002F\u003E\n<head>\u003Cbr \u002F\u003E\n<meta http-equiv="Content-Type" content="text\u002Fhtml; charset=utf-8" \u002F>\u003Cbr \u002F\u003E\n<title>导航条<\u002Ftitle>\u003Cbr \u002F\u003E\n<link href="css.css" rel="stylesheet" type="text\u002Fcss" \u002F>\u003Cbr \u002F\u003E\n<style type="text\u002Fcss">\u003Cbr \u002F\u003E\n<!--\u003Cbr \u002F\u003E\n#nav {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tPADDING: 0 10px; OVERFLOW: hidden; BORDER: #ccc 1px solid; ZOOM: 1; margin: 5px auto\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#nav UL {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tFLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#nav UL LI {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tFLOAT: left; MARGIN-LEFT: -1px\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#nav UL LI A {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tBORDER-RIGHT: #898989 1px solid; BORDER-TOP: #898989 1px solid; BORDER-LEFT: #898989 1px solid; BORDER-BOTTOM: #898989 0px solid; DISPLAY: block; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND: #f1f1f1; MIN-WIDTH: 60px; COLOR: #333; TEXT-ALIGN: center; font-size:12PX; text-decoration: underline\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n* HTML #nav UL LI A {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tWIDTH: 60px; WHITE-SPACE: nowrap\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n* + HTML #nav UL LI A {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tPADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 2px; PADDING-TOP: 4px\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#nav A:hover {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tBACKGROUND: #d8dfea; TEXT-DECORATION: none\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#nav .selected {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tZ-INDEX: 99; POSITION: relative\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#nav .selected A {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tBORDER-RIGHT: #5973a9 1px solid; BORDER-TOP: #3b5888 1px solid; BACKGROUND: #6d84b4; BORDER-LEFT: #5973a9 1px solid; COLOR: #fff; BORDER-BOTTOM: #3b5888 0px solid; TEXT-DECORATION: none\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#nav .selected A:hover {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n\tTEXT-DECORATION: none\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n#box{ WIDTH: 850px; MARGIN:0 auto; border: #83B4FF 1px solid;}\u003Cbr \u002F\u003E\n-->\u003Cbr \u002F\u003E\n<\u002Fstyle>\u003Cbr \u002F\u003E\n<\u002Fhead>\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n<body>\u003Cbr \u002F\u003E\n<div id="box">\u003Cbr \u002F\u003E\n<div id="nav">\u003Cbr \u002F\u003E\n<UL>\u003Cbr \u002F\u003E\n <LI class="selected"><A href="#">模板分类<\u002FA><\u002FLI>\u003Cbr \u002F\u003E\n <LI><A href="#">1111<\u002FA><\u002FLI>\u003Cbr \u002F\u003E\n <LI><A href="#">2222<\u002FA><\u002FLI>\u003Cbr \u002F\u003E\n <LI><A href="#">3333<\u002FA><\u002FLI>\u003Cbr \u002F\u003E\n <LI><A href="#">4444<\u002FA><\u002FLI>\u003Cbr \u002F\u003E\n <LI><A href="#">5555<\u002FA> <\u002FLI>\u003Cbr \u002F\u003E\n <LI><A href="#">6666<\u002FA><\u002FLI>\u003Cbr \u002F\u003E\n<\u002FUL>\u003Cbr \u002F\u003E\n<\u002Fdiv><\u002Fdiv><\u002Fbody><\u002Fhtml>\u003C\u002Fcode\u003E\u003C\u002Fpre\u003E\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n在IE下是这样的,我想让它居左显示:\u003Cimg src=\"http:\u002F\u002Falbum.hi.csdn.net\u002Fapp_uploads\u002Fxuefeihua\u002F20081203\u002F135816639.p.jpg?d=20081203135950530\" alt=\"\" \u002F\u003E\u003Cbr \u002F\u003E\n在FF下是这样的,不知道为什么灰色边框的DIV变的这么高:\u003Cimg src=\"http:\u002F\u002Falbum.hi.csdn.net\u002Fapp_uploads\u002Fxuefeihua\u002F20081203\u002F135816671.p.jpg?d=20081203140222858\" alt=\"\" \u002F\u003E\u003Cbr \u002F\u003E\n不知道是什么原因....","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":""},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":{"userName":"xuefeihua","roleId":131,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F16.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fc8ab3586b0ca4bb5b0d899500f30cbec_xuefeihua.jpg!1","nickname":"xuefeihua","selfdesc":"","createdate":"2008-03-18 10:01:00","days":"5856","years":"16","username":"xuefeihua","school":null,"company":null,"job":null},"userName":"xuefeihua","event":"创建了帖子","body":"2008-12-03 02:05","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":6,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"搞定,谢谢~~","topicTitle":null,"description":"搞定,谢谢~~","id":250453363,"contentResourceId":290028384,"bindContentResourceId":0,"communityId":126,"username":"xuefeihua","userNickName":"xuefeihua","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fc8ab3586b0ca4bb5b0d899500f30cbec_xuefeihua.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1001302048,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-12-03 02:40:19","updateTime":"2008-12-03 02:40:05","formatTime":"2008-12-03","userRoleHonorary":{"userName":"xuefeihua","roleId":131,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"应该设置UL的内补丁,也就是margin:0px\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n在你这里就如楼上说的\u003Cbr \u002F\u003E\n在\u003Cbr \u002F\u003E\n#nav UL {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n FLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none; margin:0px;\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n加margin:0px即可","topicTitle":null,"description":"应该设置UL的内补丁,也就是margin:0px 在你这里就如楼上说的 在 #nav UL { FLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none; margin:0px; } 加margin:0px即可","id":250453284,"contentResourceId":290028384,"bindContentResourceId":0,"communityId":126,"username":"chinmo","userNickName":"一把编程的菜刀","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F0624abc4a25c4033a0adf9431a06da56_chinmo.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":2099375711,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-12-03 02:37:11","updateTime":"2008-12-03 02:36:58","formatTime":"2008-12-03","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"发错帖了,不好意思","topicTitle":null,"description":"发错帖了,不好意思","id":250453268,"contentResourceId":290028384,"bindContentResourceId":0,"communityId":126,"username":"yuan_nice","userNickName":"yuan_nice","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3682949249,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-12-03 02:36:06","updateTime":"2008-12-03 02:35:52","formatTime":"2008-12-03","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"这应该算是Ie的一个bug吧!建议你看看css mastery,可能有你想要的答案","topicTitle":null,"description":"这应该算是Ie的一个bug吧!建议你看看css mastery,可能有你想要的答案","id":250453266,"contentResourceId":290028384,"bindContentResourceId":0,"communityId":126,"username":"div_css","userNickName":"div_css","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F1823dbd710d64759b1accbfd3db2aa4d_div_css.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3722285822,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-12-03 02:36:01","updateTime":"2008-12-03 02:35:48","formatTime":"2008-12-03","userRoleHonorary":{"userName":"div_css","roleId":131,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"少width属性","topicTitle":null,"description":"少width属性","id":250453189,"contentResourceId":290028384,"bindContentResourceId":0,"communityId":126,"username":"yuan_nice","userNickName":"yuan_nice","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3682949249,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-12-03 02:32:48","updateTime":"2008-12-03 02:32:35","formatTime":"2008-12-03","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"#nav UL {\u003C!-- --\u003E\u003Cbr \u002F\u003E\n FLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none; \u003Cspan style=\"color:#FF0000;\"\u003Emargin:0px;\u003C\u002Fspan\u003E\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n加上红色部分","topicTitle":null,"description":"#nav UL { FLOAT: left; PADDING-LEFT: 2px; OVERFLOW: auto; ZOOM: 1; LIST-STYLE-TYPE: none; margin:0px; } 加上红色部分","id":250452794,"contentResourceId":290028384,"bindContentResourceId":0,"communityId":126,"username":"flycantus","userNickName":"flycantus","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F8b96f70e1ef84a3da3bc23cc529e258d_flycantus.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3735891752,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-12-03 02:17:29","updateTime":"2008-12-03 02:17:16","formatTime":"2008-12-03","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1285,"recommends":[{"url":"https:\u002F\u002Fblog.csdn.net\u002Fqq_29883591\u002Farticle\u002Fdetails\u002F53218319","title":"python3实现网络爬虫(4)--Beautif\u003Cem\u003Eul\u003C\u002Fem\u003ESoup使用(3)","desc":"这一次我们继续来讲一下Beautif\u003Cem\u003Eul\u003C\u002Fem\u003ESoup的相关知识,说一下Beautif\u003Cem\u003Eul\u003C\u002Fem\u003ESoup导航树的相关内容。\n在上一次的博客中我们了解到findAll函数通过标签的名称和属性来查找标签,但有的时候在进网页中的内容爬取时,我们会发现有些我们想要获取的元素并不是都可以通过名称来获得的,因为我们要考虑到有些网站在编写的时候,只有一些需要特殊效果的标签会进行属性值的设置,而有些普通的标签是不会进行属性","createTime":"2016-11-18 16:23:45","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-53218319-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-53218319-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_29883591\u002Farticle\u002Fdetails\u002F53218319\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-53218319-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_29883591\u002Farticle\u002Fdetails\u002F53218319\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-53218319-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_39688687\u002Farticle\u002Fdetails\u002F119398327","title":"css居中显示代码怎么写,\u003Cem\u003Ediv\u003C\u002Fem\u003E居中代码 \u003Cem\u003EDIV\u003C\u002Fem\u003E水平居中显示CSS代码","desc":"\u003Cem\u003Ediv\u003C\u002Fem\u003E居中代码 \u003Cem\u003EDIV\u003C\u002Fem\u003E水平居中显示CSS代码2018-09-07\u003Cem\u003Ediv\u003C\u002Fem\u003E居中代码 \u003Cem\u003EDIV\u003C\u002Fem\u003E水平居中显示CSS代码如何使用CSS让\u003Cem\u003EDIV\u003C\u002Fem\u003E居中显示,让\u003Cem\u003Ediv\u003C\u002Fem\u003E水平居中有哪些CSS样式呢?需要的主要css代码有两个,一个为text-a\u003Cem\u003Eli\u003C\u002Fem\u003Egn:center(内容居中),另外一个为margin:0 auto;其两个样式需要配合使用才能实现\u003Cem\u003Ediv\u003C\u002Fem\u003E盒子的居中显示排版。首先我们对body设置text-a\u003Cem\u003Eli\u003C\u002Fem\u003Egn:ce...","createTime":"2021-08-04 01:40:14","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-119398327-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-119398327-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_39688687\u002Farticle\u002Fdetails\u002F119398327\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-119398327-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_39688687\u002Farticle\u002Fdetails\u002F119398327\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-119398327-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fa8892117\u002Farticle\u002Fdetails\u002F101172303","title":"VueJs(3)---V-指令(1)","desc":"VueJs(3)---V-指令(1) \r\n\r\n一、语法\r\nv- 指令是带有v-的特殊属性\r\n\r\nv-if 条件渲染\r\nv-show\r\nv-else (必须在v-if\u002Fv-else-if\u002Fv-show指令后)\r\nv-else-if (v-if\u002Fv-else-if后)\r\nv-for (遍历)\r\nv-html (绑定HTML属性中的值) (本篇先讲这6个)\r\nv-bind (响应更新H...","createTime":"2019-09-22 20:59:37","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-101172303-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-101172303-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fa8892117\u002Farticle\u002Fdetails\u002F101172303\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-101172303-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fa8892117\u002Farticle\u002Fdetails\u002F101172303\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-101172303-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fchengweng2602\u002Farticle\u002Fdetails\u002F100837938","title":"JavaScript 中常用的 正则表达式","desc":"这编文章我来整理了一些在 javascript 中常用的正则式希望能给大家带来一些开发的灵感 \n \n\u002F\u002F校验是否全由数字组成function isDigit(s){var patrn=\u002F^[0-9]{1,20}$\u002F;if (!patrn.exec(s)) return falser...","createTime":"2019-09-14 22:35:19","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-100837938-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-100837938-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fchengweng2602\u002Farticle\u002Fdetails\u002F100837938\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-100837938-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fchengweng2602\u002Farticle\u002Fdetails\u002F100837938\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-100837938-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fcometwo\u002Farticle\u002Fdetails\u002F50449837","title":"瀑布流点击加载更多(记住tomcat下启动,做过瀑布流的大家估计都知道为啥)","desc":"通过打开\u002F关闭注释235行可以实现自动加载和点击加载更多,是一个瀑布流最经典的例子,完全 适用于各种瀑布流项目\u003C!DOCTYPE html\u003E\n\u003Chtml\u003E \u003Chead\u003E\n \u003Cmeta http-equiv=\"Content-Type\" content=\"text\u002Fhtml; charset=utf-8\" \u002F\u003E\n \u003Ctitle\u003Ejquery制作图片瀑布流点击按钮加载更","createTime":"2016-01-02 23:21:36","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50449837-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50449837-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fcometwo\u002Farticle\u002Fdetails\u002F50449837\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50449837-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fcometwo\u002Farticle\u002Fdetails\u002F50449837\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-50449837-bbs-290028384.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1711695207478_37344\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":126,"username":"community_7","userNickname":"HTML(CSS)社区","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:04:39","updateTime":"2021-05-12 18:04:39","lastLoginTime":"2021-05-12 18:04:39"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试,眼前一亮","2":"潜力巨大,未来可期","3":"持续贡献,值得关注","4":"成绩优异,大力学习","5":"贡献巨大,全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F290028384","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F290028384","typeId":"index","hasIndex":false},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["290028384"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F290028384","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F290028384","active":0,"navBarFixed":false,"title":"求解DIV问题( \u003CUL\u003E,\u003CLI\u003E)","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":126,"topicId":290028384},"keywords":"","description":"以下内容是CSDN社区关于求解DIV问题( \u003CUL\u003E,\u003CLI\u003E)相关内容,如果想了解更多关于CSS社区其他内容,请访问CSDN社区。"};</script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/runtime.3e5c09eb.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/common.7672e502.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/tpl/ccloud-detail/index.243a94d0.js"></script></body> <!----> <script> window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, }; </script> <script src="https://g.csdnimg.cn/side-toolbar/2.9/side-toolbar.js" ></script> <!----> <!----> <!----> <script src="https://csdnimg.cn/release/blog_editor_html/release1.7.5/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> <script src="https://g.csdnimg.cn/lib/editor-page-detail/v2.2.0/js/runDetail.min.js"></script> <!----> <!----> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/collection-box/2.1.0/collection-box.js"></script> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/common/csdn-cert/csdn-cert.js"></script> <!----></html>