<!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>example</title>
<style type="text/css">
<!--
.div1{ border:5px solid #3e02ff; float:left; height:100px; width:140px;}
.div2{ border:5px solid #3e02ff; border-left:0 none; float:left; height:100px; width:440px;}
-->
</style>
</head>
<body>
<div class="div1"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" alt="" /></div>
<div class="div2">这里是文字</div>
</body>
</html>
小弟就是不懂才问的。刚接触这玩意，能给个代码吗？
追答图片自己搞定
无标题文档
此处显示 class "left" 的内容
此处显示 class "right" 的内容
怎么让两个div并排显示?
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了。4、使用position进行绝对定位，然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排...
如何让两个div并排,并且div要看得见边框。如下图:
<style type="text\/css"> <!-- .div1{ border:5px solid #3e02ff; float:left; height:100px; width:140px;} .div2{ border:5px solid #3e02ff; border-left:0 none; float:left; height:100px; width:440px;} --> <\/style> <\/head> <body> <div class="div1"><img src...
html怎么将两个div并排显示啊?
1、设置每个div的展现属性为行内样式，示例代码为：<div class="app"> <div style="display:inline-block;background:#f00;">div1<\/div> <div style="display:inline-block;background:#0f0;margin-left:10px;">div2<\/div> <\/div> 2、设置float浮动，示例代码为：<div class="app"> <d...
如何让两个div并排
1、创建一个大div。代码如下：main {float:left;border:1px width:100%; } 2、创建一个左边小div 代码如下：left{float:left;border:1px width:40%; } 3、创建一个右边小div 代码如下：right {float:left;border:1px width:40%; } 4、制作成css文件，或者直接添加到网页上，...
在一个div内,怎么让两个div在一起?
在HTML中，让两个div在同一行显示的方法：1、使用浮动float 代码：<html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>div同行显示<\/title> <style type="text\/css"> container{overflow: hidden;}\/* 清除浮动 *\/ container div{width:200px;...
如何将两个div并列排在同一行
div也还是成一排。以下是具体演示步骤：1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素，并在style属性里添加float：left即可 4、运行结果如下图。无论如何变换浏览器宽度，div都是一行展示出来。
怎么让两个DIV在同一行显示呢?
要让两个 div 元素在同一行显示，你可以使用 CSS 的 display 属性并设置为 inline-block。这样，两个 div 元素将像内联元素一样排列在同一行，但仍然保留块级元素的特性。以下是一个简单的示例：HTML 代码：CSS 代码：效果演示：在这个示例中，.container 是包含两个 div 元素的父容器，.box 是每个...
在HTML中,如何让两个DIV在同一行显示?
把两个div放在一个父div里面，然后进行浮动即可。下面我们一起来实现以下：创建一个父div，然后创建两个子div，代码如下：给div加上css样式，分别给他们设置背景颜色，父div可以不设置，子div设置绿色，然后给div加上浮动代码即可,"float:left"我们来写一下代码：下面我们来看一下运行效果 DIV是层叠样式...
html 中的两个div 如何并排显示
电脑、浏览器、html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。2、在index.html中的“<div id="body-left">”中添加“style="float: left"”。3、浏览器运行index.html页面，此时<div id="body-left">和<div id="body-right">变成并排显示了。
使用CSS如何让两个div并排显示
方法一：把div设为“行内块级元素”：<style>div {display:inline-block; border:1px solid #000}<\/style><div>第一个div<\/div><div>第二个div<\/div>方法二：使用浮动：<style>div {float:left; border:1px solid #000}br {clear:both}<\/style><div>第一个div<\/div><div>第二个div<...
