用div+css写如图所示代码, 网页设计在顶部左边,而编辑在顶部的右边...
发布网友
发布时间：2022-04-27 00:27
我来回答
共2个回答
热心网友
时间：2022-05-12 21:26
<!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>test</title>
<style type="text/css">
div.main{width:400px; height:200px; border:1px solid #CCC}
div.title{border-bottom:1px solid #CCC; padding:10px; font:14px Tahoma, Geneva, sans-serif; clear:both; overflow:hidden}
.right{float:right;}
</style>
</head>
<body>
<div class="main">
<div class="title">
网页设计<span class="right"><a href="#"编辑</a></span>
</div>
</div>
</body>
</html>
这个可以吗？
追问很谢谢您能回答
想问你几个问题；
第一：能说说您对清除浮动的理解吗？我很少用它，因为一直没有明白它是怎么回事。
第二： overflow:hidden为什么这里要用这个呢？
第三：那个分段线，我有用过border-bottom,但同事说那条线要短一点，不要两头接住外边框。
在“”这一句中少一个“>”
追答第一个问题：http://blog.sina.com.cn/s/blog_4a3789a70100jfv4.html
第二个问题：在title里一般会设置高度或宽度，这样如果内容超出的话就可能带滚动条。
第三个问题：给main加上padding属性就可以了。
test
div.main{width:400px; height:200px; border:1px solid #CCC; padding:10px;}
div.title{border-bottom:1px solid #CCC; padding:10px; font:14px Tahoma, Geneva, sans-serif; clear:both; overflow:hidden;}
.right{float:right;}
网页设计编辑
不知道满意吗？
热心网友
时间：2022-05-12 22:44
我运行了你的代码
你给你的hr标签给一个样式，样式里面：方框选项中 清除：两者
再在你的danganoneri类中 给一个20px的下边界就可以了...追问很谢谢您的回答
我想请问一下，那个 清除：两者，要怎么理解呢？
为什么还要给danganoneri类中一个20px的下边界呢？是为了分段线与上面字体的距离吗？
追答因为你上面2个div（个人档案和编辑）都给了浮动对齐的，所以他们是跳出文档流的，这样他们下面的div就会往上跑，加个清除两者就是消除上面2个div的浮动对下面div的影响。
给danganoneri加下边界是为了控制分短线和上面2个div的距离。
不知道对你有没有帮助，呵呵..反正我是这样做的，我也是初学啊 嘿嘿
至于你要控制分段线的长短，你可以给hr标签一个css嘛 设置一下它的宽度 就可以了啊
divcss布局设计?
6、在test.html文件内，在网页的中部，创建两个div，用于将中部为两部分，每一个部分宽度为50%，左部分使用float:left设置左浮动，右部分使用float:right设置右浮动。7、在test.html文件内，使用div创建网页的底部，使用clear:both清除上面div的浮动，避免影响底部的布局。同时，使用margin:0auto设置div居...
用css写网页。定义了两个div,为什么右边的跑到左边下边去了
1.div是块元素，块元素要占据一整行，不管块元素宽度设置多大，它都是占一整行的!2.给俩个div设置样式display:inline-block,它就会变成行内元素，这样如果俩个div的宽度小于浏览器总宽度的时候，俩个div就排列到同一行了!3.还可以给俩个div设置浮动样式float,同样它就会变成行内元素，这样如果俩个di...
div+css中,左边是图片,右边是文字怎么写
1.先输入：<div class="header">，建立一个主框架，如下图红框所示；2.设置框架的样式，根据需要设置即可，如下图红框所示，代码如下：<style> .header{ width: 960px; /*这个div根据你写的替换就行了*/ height: 40px;margin: 5px auto;background-color: white; /*没用你去掉就行*...
...我想以下内容显示在一行上,怎么编写css代码呀,请大侠指点一下_百度...
.book_c_border2_1, .book_c_border2_2, .book_c_border2_3{ float:left; _display:inline; width:200px; font-size:12px; margin:0; padding:0;}
网页中的滚动图片的代码怎么写?
网页中的滚动图片的代码有上下左右四个方向，分别是：<head> <---> </head> <body> <！--向上滚动代码开始--> <div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p><img src=""></p> <p><img src=""></p> <p><img src=""></p...
1.从 SEO 的角度,网页设计采用 div+css 的主要好处是什么
而言又有哪些优点呢？今天我就来给你分享一下DIV+CSS这种布局方式的优点：(1) 结构清晰，容易被搜索引擎收集。(2) 与表格比能减少代码，实现表格布局的许多功能，从而提高页面的加载速度。(3) 能够在任何地方、任何设备上表现已经构建好的网页布局。(4) 可以实现和表现和内容数据的分离。(5) 能很好...
网页设计css盒子模型代码
CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不...
网页设计中采用div+css布局,这里的DIV是什么意思?
网页设计中采用div+css布局，这里的DIV是什么意思？ DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。 DIV在程式设计中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文件内大块（block-level）的内容提供结构和背景的元素。div+css-...
DIV+CSS把DIV的margin:0px auto,为什么在浏览器里显示时,DIV的顶部...
margin:0px auto;padding:0px;}</style> </head> <body> <div></div> </body> </html> <!--你要对<body>标记设置CSS样式，而不是对<DIV>设置样式，因为在<Div>的外面还有<body>包裹着。另外，必要时还要要设置<body>标记的padding为0以得到完全顶在浏览器页面顶端的页面效果。--> ...
html网页设计:一个简单的登录界面代码!
<link href="main.css" type="text/css" rel="stylesheet"> <title>登陆界面</title> </head> <body> <div class="login_ico"> <img src="images/login_ico.png"> </div> <div class="login_putin"> <ul> <li><input type="text" ></li> <li><input type="password" ></li...
