Dreanweaver での表示とブラウザでの表示が異なります。div_html/css_WEB-ITnose に枠線を追加できません。-htmlチュートリアル-php.cn

adf 问题在这 " class="fixed_tab_a">

      ">        My JSP 'index.jsp' starting page                                                $(".navitems li a").click(function(){            $(".navitems li a").css("background","url(images/libg.png)");        });        .clear { *zoom:1; }.clear:before, .clear:after{	display:block; content:'clear'; clear:both; height:0; overflow:hidden;}	        div{ border:1px solid #666}        .newsbody{ width:1000px; margin:0 auto;}        .content{ width:998px; margin:0 auto; padding-top:10px; border:1px solid #999; border-bottom:none;}        .nav{ background:url(images/navbg.png) top left;width:1000px; height:30px; line-height:0px; overflow:hidden; margin: 0 auto;}        .navitems{ list-style:none;}        .navitems li{ float:left; margin-right:10px; margin-left:0px; border-right:#FFC; border:1px;}        .navitems li a{ text-align:center; color:#FFF; text-decoration:none; font-size:15px;  vertical-align:middle}        .navitems li a:hover{text-decoration:underline};        .hotnews{ width:700px; height:400px; }        .banner{    position:relative;    left:0px;    width:700px;    height:30px;    background:url(images/banner.png);    text-align:left;    line-height:30px;    overflow: hidden;    background-color: #FFFFFF;}        .hotnewsitems{ float:left;width:450px; height:360px; position:relative; left:0px; margin-top:10px; overflow:hidden}        .news{ list-style:circle;}        .news li{ margin-top:10px;}        .news li a{ text-decoration:none;}        .news li a:hover{ text-decoration:underline;}        .gundong{ margin-left:460px; _margin-left:457px; width:230px; height:195px; position:relative; margin-top:10px;}        .hotvideo{ margin-left:460px;_margin-left:457px; width:230px; height:155px; margin-top:10px;}                                    新闻首页            国内
            国际
            军事
            财经
            互联网
            房产
            汽车
            体育
            娱乐
            游戏
            体育
            女人
            科技
            社会
            视频
            图片
            人物
            最新
            定制
            更多>>
                                                                              焦点新闻>>                                                                                                                  外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                         外交部回应朝鲜扣押中国渔民:属渔业案件
                                                                                                         adf                                  问题在这

ホームページ

ウェブフロントエンド

htmlチュートリアル

Dreanweaver での表示とブラウザでの表示が異なります。div_html/css_WEB-ITnose に枠線を追加できません。

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:11 PM

この表示効果が欲しい
[img=http://b304.photo.store.qq.com/psb?/V12O1gKZ10Scjj/UCz9sb776cJ6STaK6hFMaE5wi000A8G0Y4UqwjaA*.w!/b/YVBPNLXLcgAAYi79PrXYcgAA][/img]結果はこんな感じです
[img=http://b304.photo.store.qq.com/psb?/V12O1gKZ10Scjj/9gMg6IaicVievcei*IPPrs00r2gm4zvzrCt9szQkcds!/b/YXngO7UpcwAAYpP6PrVycgAA][/img]
ソースコード

<html>  <head>    <base href="<%=basePath%>">        <title>My JSP 'index.jsp' starting page</title>    	<meta http-equiv="pragma" content="no-cache">	<meta http-equiv="cache-control" content="no-cache">	<meta http-equiv="expires" content="0">    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">	<meta http-equiv="description" content="This is my page">	<!--	<link rel="stylesheet" type="text/css" href="styles.css">	-->    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>    <script type="text/javascript">    	$(".navitems li a").click(function(){			$(".navitems li a").css("background","url(images/libg.png)");		});    </script>	<style type="text/css">		div{ border:1px solid #666}		.newsbody{ width:1000px; margin:0 auto;}		.content{ width:998px; margin:0 auto; padding-top:10px; border:1px solid #999; border-bottom:none}    	.nav{ background:url(images/navbg.png) top left;width:1000px; height:30px; line-height:0px; overflow:hidden; margin: 0 auto;}		.navitems{ list-style:none;}		.navitems li{ float:left; margin-right:10px; margin-left:0px; border-right:#FFC; border:1px;}		.navitems li a{ text-align:center; color:#FFF; text-decoration:none; font-size:15px;  vertical-align:middle}		.navitems li a:hover{text-decoration:underline};		.hotnews{ width:700px; height:400px;}		.hotnews div{ float:left}		.banner{	position:relative;	left:0px;	width:700px;	height:30px;	background:url(images/banner.png);	text-align:left;	line-height:30px;	overflow: hidden;	background-color: #FFFFFF;}		.hotnewsitems{ width:450px; height:360px; position:relative; left:0px; margin-top:10px; overflow:hidden}		.news{ list-style:circle;}		.news li{ margin-top:10px;}		.news li a{ text-decoration:none;}		.news li a:hover{ text-decoration:underline;}		.gundong{ margin-left:10px; width:230px; height:195px; position:relative; margin-top:10px;}		.hotvideo{ width:230px; height:155px; margin-left:10px; margin-top:10px;}    </style>   </head>       <body>  <div class="nav">    	<ul class="navitems">            <li style="padding-left:0px"><a href="#">新闻首页</a></li>            <li><a href="#">国内</a></li>            <li><a href="#">国际</a></li>            <li><a href="#">军事</a></li>            <li><a href="#">财经</a></li>            <li><a href="#">互联网</a></li>            <li><a href="#">房产</a></li>            <li><a href="#">汽车</a></li>            <li><a href="#">体育</a></li>            <li><a href="#">娱乐</a></li>            <li><a href="#">游戏</a></li>            <li><a href="#">体育</a></li>            <li><a href="#">女人</a></li>            <li><a href="#">科技</a></li>            <li><a href="#">社会</a></li>            <li><a href="#">视频</a></li>            <li><a href="#">图片</a></li>            <li><a href="#">人物</a></li>            <li><a href="#">最新</a></li>            <li><a href="#">定制</a></li>            <li><a href="#">更多>></a></li>        </ul>  </div>         <div class="content">         	           <div class="hotnews">             					 <div class="banner"> 焦点新闻>> </div>            					 <div class="hotnewsitems">                                       <ul class="news">                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                       </ul>            					 </div>                                 <div class="gundong">adf </div>                                 <div class="hotvideo">问题在这</div>          				 </div>         </div>  </body></html>

ディスカッションに返信 (解決策)

<html>  <head>    <base href="<%=basePath%>">        <title>My JSP 'index.jsp' starting page</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>    <script type="text/javascript">        $(".navitems li a").click(function(){            $(".navitems li a").css("background","url(images/libg.png)");        });    </script>    <style type="text/css">.clear { *zoom:1; }.clear:before, .clear:after{	display:block; content:'clear'; clear:both; height:0; overflow:hidden;}	        div{ border:1px solid #666}        .newsbody{ width:1000px; margin:0 auto;}        .content{ width:998px; margin:0 auto; padding-top:10px; border:1px solid #999; border-bottom:none;}        .nav{ background:url(images/navbg.png) top left;width:1000px; height:30px; line-height:0px; overflow:hidden; margin: 0 auto;}        .navitems{ list-style:none;}        .navitems li{ float:left; margin-right:10px; margin-left:0px; border-right:#FFC; border:1px;}        .navitems li a{ text-align:center; color:#FFF; text-decoration:none; font-size:15px;  vertical-align:middle}        .navitems li a:hover{text-decoration:underline};        .hotnews{ width:700px; height:400px; }        .banner{    position:relative;    left:0px;    width:700px;    height:30px;    background:url(images/banner.png);    text-align:left;    line-height:30px;    overflow: hidden;    background-color: #FFFFFF;}        .hotnewsitems{ float:left;width:450px; height:360px; position:relative; left:0px; margin-top:10px; overflow:hidden}        .news{ list-style:circle;}        .news li{ margin-top:10px;}        .news li a{ text-decoration:none;}        .news li a:hover{ text-decoration:underline;}        .gundong{ margin-left:460px; _margin-left:457px; width:230px; height:195px; position:relative; margin-top:10px;}        .hotvideo{ margin-left:460px;_margin-left:457px; width:230px; height:155px; margin-top:10px;}    </style>   </head>       <body>  <div class="nav">        <ul class="navitems">            <li style="padding-left:0px"><a href="#">新闻首页</a></li>            <li><a href="#">国内</a></li>            <li><a href="#">国际</a></li>            <li><a href="#">军事</a></li>            <li><a href="#">财经</a></li>            <li><a href="#">互联网</a></li>            <li><a href="#">房产</a></li>            <li><a href="#">汽车</a></li>            <li><a href="#">体育</a></li>            <li><a href="#">娱乐</a></li>            <li><a href="#">游戏</a></li>            <li><a href="#">体育</a></li>            <li><a href="#">女人</a></li>            <li><a href="#">科技</a></li>            <li><a href="#">社会</a></li>            <li><a href="#">视频</a></li>            <li><a href="#">图片</a></li>            <li><a href="#">人物</a></li>            <li><a href="#">最新</a></li>            <li><a href="#">定制</a></li>            <li><a href="#">更多>></a></li>        </ul>  </div>         <div class="content clear">                        <div class="hotnews">                                  <div class="banner"> 焦点新闻>> </div>                                 <div class="hotnewsitems">                                       <ul class="news">                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                       </ul>                                 </div>                                 <div class="gundong">adf </div>                                 <div class="hotvideo">问题在这</div>                           </div>         </div>  </body></html>

投稿者は、この問題をシミュレートするために

を試みました

<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<title></title>		<style>			div {				border:1px solid #000;							}			.a {				width:450px;				height:300px;				float:left;			}			.b {				margin-left:460px; _margin-left:457px;				width:100px; height:200px;			}			.c {				margin-top:10px;				margin-left:460px; _margin-left:457px;				width:100px; height:50px;			}					</style>	</head>	<body>		<div class="a"></div>		<div class="b"></div>		<div class="c"></div>	</body></html>

<html>  <head>    <base href="<%=basePath%>">        <title>My JSP 'index.jsp' starting page</title>        <meta http-equiv="pragma" content="no-cache">    <meta http-equiv="cache-control" content="no-cache">    <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="This is my page">    <!--    <link rel="stylesheet" type="text/css" href="styles.css">    -->    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>    <script type="text/javascript">        $(".navitems li a").click(function(){            $(".navitems li a").css("background","url(images/libg.png)");        });    </script>    <style type="text/css">.clear { *zoom:1; }.clear:before, .clear:after{	display:block; content:'clear'; clear:both; height:0; overflow:hidden;}	        div{ border:1px solid #666}        .newsbody{ width:1000px; margin:0 auto;}        .content{ width:998px; margin:0 auto; padding-top:10px; border:1px solid #999; border-bottom:none;}        .nav{ background:url(images/navbg.png) top left;width:1000px; height:30px; line-height:0px; overflow:hidden; margin: 0 auto;}        .navitems{ list-style:none;}        .navitems li{ float:left; margin-right:10px; margin-left:0px; border-right:#FFC; border:1px;}        .navitems li a{ text-align:center; color:#FFF; text-decoration:none; font-size:15px;  vertical-align:middle}        .navitems li a:hover{text-decoration:underline};        .hotnews{ width:700px; height:400px; }        .banner{    position:relative;    left:0px;    width:700px;    height:30px;    background:url(images/banner.png);    text-align:left;    line-height:30px;    overflow: hidden;    background-color: #FFFFFF;}        .hotnewsitems{ float:left;width:450px; height:360px; position:relative; left:0px; margin-top:10px; overflow:hidden}        .news{ list-style:circle;}        .news li{ margin-top:10px;}        .news li a{ text-decoration:none;}        .news li a:hover{ text-decoration:underline;}        .gundong{ margin-left:460px;_margin-left:457px; width:230px; height:195px; position:relative; margin-top:10px;}        .hotvideo{ margin-left:460px;_margin-left:457px; width:230px; height:155px; margin-top:10px;}    </style>   </head>       <body>  <div class="nav">        <ul class="navitems">            <li style="padding-left:0px"><a href="#">新闻首页</a></li>            <li><a href="#">国内</a></li>            <li><a href="#">国际</a></li>            <li><a href="#">军事</a></li>            <li><a href="#">财经</a></li>            <li><a href="#">互联网</a></li>            <li><a href="#">房产</a></li>            <li><a href="#">汽车</a></li>            <li><a href="#">体育</a></li>            <li><a href="#">娱乐</a></li>            <li><a href="#">游戏</a></li>            <li><a href="#">体育</a></li>            <li><a href="#">女人</a></li>            <li><a href="#">科技</a></li>            <li><a href="#">社会</a></li>            <li><a href="#">视频</a></li>            <li><a href="#">图片</a></li>            <li><a href="#">人物</a></li>            <li><a href="#">最新</a></li>            <li><a href="#">定制</a></li>            <li><a href="#">更多>></a></li>        </ul>  </div>         <div class="content clear">                        <div class="hotnews clear">                                  <div class="banner"> 焦点新闻>> </div>                                 <div class="hotnewsitems">                                       <ul class="news">                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                         <li><a href="#">外交部回应朝鲜扣押中国渔民:属渔业案件</a></li>                                       </ul>                                 </div>                                 <div class="gundong">adf </div>                                 <div class="hotvideo">问题在这</div>                           </div>         </div>  </body></html>

この問題をシミュレートしてみてください

<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<title></title>		<style>			div {				border:1px solid #000;							}			.a {				width:450px;				height:300px;				float:left;			}			.b {				margin-left:460px; _margin-left:457px;				width:100px; height:200px;			}			.c {				margin-top:10px;				margin-left:460px; _margin-left:457px;				width:100px; height:50px;			}					</style>	</head>	<body>		<div class="a"></div>		<div class="b"></div>		<div class="c"></div>	</body></html>

私のコードのどこに問題があるかわかりますか? hotnews divに何か問題があるような気がしますが、境界線を追加することはできませんか?

写真は見えません

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード：用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript：Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割：コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか？Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか？Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。