我正试图让4个盒子相互浮动.出于某种奇怪的原因,它们只是不起作用,也没有任何造型工作.
这是我的HTML:
<section>
<article>
<div class="1-4-container">
<p><strong>Lorem ipsum</strong></p>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div class="1-4-container">
<p><strong>Lorem ipsum</strong></p>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div class="1-4-container">
<p><strong>Lorem ipsum</strong></p>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div class="1-4-container">
<p><strong>Lorem ipsum</strong></p>
<p>Lorem ipsum dolor sit amet</p>
</div>
</article>
</section>
这是我的CSS:
section {
width: 100%;
}
section article {
width: 1000px;
padding: 20px;
margin: auto;
}
.1-4-container,
.2-4-container,
.3-4-container,
.4-4-container {
float: left;
}
.1-4-container {
width: 25%;
}
.2-4-container {
width: 50%; …我正在使用NodeJS和Socket.io.这是我的index.js
var app = require('http').createServer(handler);
var io = require('socket.io').listen(app);
var fs = require('fs');
app.listen(3000);
console.log("Listening on port 3000");
function handler(req, res) {
fs.readFile(__dirname + '/index.html', function( err, data ) {
if( err ) {
res.writeHead( 500 );
return res.end('Error loading index.html');
}
res.writeHead( 200 );
res.end( data );
});
}
这是我的index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://localhost:3000/socket.io/socket.io.js"></script>
<title>Impact Game</title>
<style type="text/css">
html,body {
background-color: #333;
color: #fff;
font-family: helvetica, arial, sans-serif;
margin: 0;
padding: 0;
font-size: 12pt;
}
#canvas { …